#ECDFB4 - #D0AC5E | 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 #ECDFB4 a #D0AC5E

#ECDFB4 #D0AC5E

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

#ECDFB4 - #D0AC5E | 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 #ECDFB4 como 0% y #D0AC5E como 100%.

0.0%	0.0% #ECDFB4	RGB 236 223 180	#ECDFB4
16.7%	16.7% #E7D6A5	RGB 231 214 165	#E7D6A5
33.3%	33.3% #E2CE97	RGB 226 206 151	#E2CE97
50.0%	50.0% #DEC589	RGB 222 197 137	#DEC589
66.7%	66.7% #D9BD7A	RGB 217 189 122	#D9BD7A
83.3%	83.3% #D4B46C	RGB 212 180 108	#D4B46C
100.0%	100.0% #D0AC5E	RGB 208 172 94	#D0AC5E

#ECDFB4 #E7D6A5 #E2CE97 #DEC589 #D9BD7A #D4B46C #D0AC5E

#ECDFB4 - #D0AC5E

Mezcla HSV

#ECDFB4 - #D0AC5E | 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 #ECDFB4 como 0% y #D0AC5E como 100%.

0.0%	0.0% #ECDFB4	RGB 236 223 180	#ECDFB4
16.7%	16.7% #E7D6A4	RGB 231 214 164	#E7D6A4
33.3%	33.3% #E2CE95	RGB 226 206 149	#E2CE95
50.0%	50.0% #DEC686	RGB 222 198 134	#DEC686
66.7%	66.7% #D9BD78	RGB 217 189 120	#D9BD78
83.3%	83.3% #D4B46B	RGB 212 180 107	#D4B46B
100.0%	100.0% #D0AC5E	RGB 208 172 94	#D0AC5E

#ECDFB4 #E7D6A4 #E2CE95 #DEC686 #D9BD78 #D4B46B #D0AC5E

#ECDFB4 - #DEC686 - #D0AC5E

Códigos CSS

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

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