#5E4E5E - #E79168 | 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 #5E4E5E a #E79168

#5E4E5E #E79168

Calcule el color entre dos colores, #5E4E5E y #E79168. 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)

#5E4E5E - #E79168 | 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 #5E4E5E como 0% y #E79168 como 100%.

0.0%	0.0% #5E4E5E	RGB 94 78 94	#5E4E5E
16.7%	16.7% #74595F	RGB 116 89 95	#74595F
33.3%	33.3% #8B6461	RGB 139 100 97	#8B6461
50.0%	50.0% #A26F63	RGB 162 111 99	#A26F63
66.7%	66.7% #B97A64	RGB 185 122 100	#B97A64
83.3%	83.3% #D08566	RGB 208 133 102	#D08566
100.0%	100.0% #E79168	RGB 231 145 104	#E79168

#5E4E5E #74595F #8B6461 #A26F63 #B97A64 #D08566 #E79168

#5E4E5E - #E79168

Mezcla HSV

#5E4E5E - #E79168 | 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 #5E4E5E como 0% y #E79168 como 100%.

0.0%	0.0% #5E4E5E	RGB 94 78 94	#5E4E5E
16.7%	16.7% #74596E	RGB 116 89 110	#74596E
33.3%	33.3% #8B6279	RGB 139 98 121	#8B6279
50.0%	50.0% #A2687B	RGB 162 104 123	#A2687B
66.7%	66.7% #B96A74	RGB 185 106 116	#B96A74
83.3%	83.3% #D0756A	RGB 208 117 106	#D0756A
100.0%	100.0% #E79168	RGB 231 145 104	#E79168

#5E4E5E #74596E #8B6279 #A2687B #B96A74 #D0756A #E79168

#5E4E5E - #A2687B - #E79168

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4E5E 0%, #A2687B 50%, #E79168 100%);
    background: -webkit-linear-gradient(top, #5E4E5E 0%, #A2687B 50%, #E79168 100%);
    background: linear-gradient(to bottom, #5E4E5E 0%, #A2687B 50%, #E79168 100%);
}
</style>