#3E5B5E - #201D1D | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #3E5B5E a #201D1D

#3E5B5E #201D1D

Calcule el color entre dos colores, #3E5B5E y #201D1D. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#3E5B5E - #201D1D | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #3E5B5E como 0% y #201D1D como 100%.

0.0%	0.0% #3E5B5E	RGB 62 91 94	#3E5B5E
16.7%	16.7% #395053	RGB 57 80 83	#395053
33.3%	33.3% #344648	RGB 52 70 72	#344648
50.0%	50.0% #2F3C3D	RGB 47 60 61	#2F3C3D
66.7%	66.7% #2A3132	RGB 42 49 50	#2A3132
83.3%	83.3% #252727	RGB 37 39 39	#252727
100.0%	100.0% #201D1D	RGB 32 29 29	#201D1D

#3E5B5E #395053 #344648 #2F3C3D #2A3132 #252727 #201D1D

#3E5B5E - #201D1D

Mezcla HSV

#3E5B5E - #201D1D | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #3E5B5E como 0% y #201D1D como 100%.

0.0%	0.0% #3E5B5E	RGB 62 91 94	#3E5B5E
16.7%	16.7% #3A4553	RGB 58 69 83	#3A4553
33.3%	33.3% #373649	RGB 55 54 73	#373649
50.0%	50.0% #38313F	RGB 56 49 63	#38313F
66.7%	66.7% #342B34	RGB 52 43 52	#342B34
83.3%	83.3% #2A2427	RGB 42 36 39	#2A2427
100.0%	100.0% #201D1D	RGB 32 29 29	#201D1D

#3E5B5E #3A4553 #373649 #38313F #342B34 #2A2427 #201D1D

#3E5B5E - #38313F - #201D1D

Códigos CSS

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #3E5B5E 0%, #201D1D 100%);
    background: -webkit-linear-gradient(top, #3E5B5E 0%, #201D1D 100%);
    background: linear-gradient(to bottom, #3E5B5E 0%, #201D1D 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5B5E 0%, #38313F 50%, #201D1D 100%);
    background: -webkit-linear-gradient(top, #3E5B5E 0%, #38313F 50%, #201D1D 100%);
    background: linear-gradient(to bottom, #3E5B5E 0%, #38313F 50%, #201D1D 100%);
}
</style>