#ECCEA8 - #CF8F52 | 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 #ECCEA8 a #CF8F52

#ECCEA8 #CF8F52

Calcule el color entre dos colores, #ECCEA8 y #CF8F52. 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)

#ECCEA8 - #CF8F52 | 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 #ECCEA8 como 0% y #CF8F52 como 100%.

0.0%	0.0% #ECCEA8	RGB 236 206 168	#ECCEA8
16.7%	16.7% #E7C399	RGB 231 195 153	#E7C399
33.3%	33.3% #E2B98B	RGB 226 185 139	#E2B98B
50.0%	50.0% #DDAE7D	RGB 221 174 125	#DDAE7D
66.7%	66.7% #D8A46E	RGB 216 164 110	#D8A46E
83.3%	83.3% #D39960	RGB 211 153 96	#D39960
100.0%	100.0% #CF8F52	RGB 207 143 82	#CF8F52

#ECCEA8 #E7C399 #E2B98B #DDAE7D #D8A46E #D39960 #CF8F52

#ECCEA8 - #CF8F52

Mezcla HSV

#ECCEA8 - #CF8F52 | 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 #ECCEA8 como 0% y #CF8F52 como 100%.

0.0%	0.0% #ECCEA8	RGB 236 206 168	#ECCEA8
16.7%	16.7% #E7C398	RGB 231 195 152	#E7C398
33.3%	33.3% #E2B889	RGB 226 184 137	#E2B889
50.0%	50.0% #DDAE7A	RGB 221 174 122	#DDAE7A
66.7%	66.7% #D8A36C	RGB 216 163 108	#D8A36C
83.3%	83.3% #D3995F	RGB 211 153 95	#D3995F
100.0%	100.0% #CF8F52	RGB 207 143 82	#CF8F52

#ECCEA8 #E7C398 #E2B889 #DDAE7A #D8A36C #D3995F #CF8F52

#ECCEA8 - #DDAE7A - #CF8F52

Códigos CSS

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

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