#5E4A3E - #CE9263 | 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 #5E4A3E a #CE9263

#5E4A3E #CE9263

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

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

0.0%	0.0% #5E4A3E	RGB 94 74 62	#5E4A3E
16.7%	16.7% #705644	RGB 112 86 68	#705644
33.3%	33.3% #83624A	RGB 131 98 74	#83624A
50.0%	50.0% #966E50	RGB 150 110 80	#966E50
66.7%	66.7% #A87A56	RGB 168 122 86	#A87A56
83.3%	83.3% #BB865C	RGB 187 134 92	#BB865C
100.0%	100.0% #CE9263	RGB 206 146 99	#CE9263

#5E4A3E #705644 #83624A #966E50 #A87A56 #BB865C #CE9263

#5E4A3E - #CE9263

Mezcla HSV

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

0.0%	0.0% #5E4A3E	RGB 94 74 62	#5E4A3E
16.7%	16.7% #705746	RGB 112 87 70	#705746
33.3%	33.3% #83634E	RGB 131 99 78	#83634E
50.0%	50.0% #966F55	RGB 150 111 85	#966F55
66.7%	66.7% #A87B5B	RGB 168 123 91	#A87B5B
83.3%	83.3% #BB865F	RGB 187 134 95	#BB865F
100.0%	100.0% #CE9263	RGB 206 146 99	#CE9263

#5E4A3E #705746 #83634E #966F55 #A87B5B #BB865F #CE9263

#5E4A3E - #966F55 - #CE9263

Códigos CSS

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

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