#E5E4CD - #C0B67C | 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 #E5E4CD a #C0B67C

#E5E4CD #C0B67C

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

#E5E4CD - #C0B67C | 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 #E5E4CD como 0% y #C0B67C como 100%.

0.0%	0.0% #E5E4CD	RGB 229 228 205	#E5E4CD
16.7%	16.7% #DEDCBF	RGB 222 220 191	#DEDCBF
33.3%	33.3% #D8D4B2	RGB 216 212 178	#D8D4B2
50.0%	50.0% #D2CDA4	RGB 210 205 164	#D2CDA4
66.7%	66.7% #CCC597	RGB 204 197 151	#CCC597
83.3%	83.3% #C6BD89	RGB 198 189 137	#C6BD89
100.0%	100.0% #C0B67C	RGB 192 182 124	#C0B67C

#E5E4CD #DEDCBF #D8D4B2 #D2CDA4 #CCC597 #C6BD89 #C0B67C

#E5E4CD - #C0B67C

Mezcla HSV

#E5E4CD - #C0B67C | 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 #E5E4CD como 0% y #C0B67C como 100%.

0.0%	0.0% #E5E4CD	RGB 229 228 205	#E5E4CD
16.7%	16.7% #DEDCBE	RGB 222 220 190	#DEDCBE
33.3%	33.3% #D8D5AF	RGB 216 213 175	#D8D5AF
50.0%	50.0% #D2CDA2	RGB 210 205 162	#D2CDA2
66.7%	66.7% #CCC694	RGB 204 198 148	#CCC694
83.3%	83.3% #C6BE88	RGB 198 190 136	#C6BE88
100.0%	100.0% #C0B67C	RGB 192 182 124	#C0B67C

#E5E4CD #DEDCBE #D8D5AF #D2CDA2 #CCC694 #C6BE88 #C0B67C

#E5E4CD - #D2CDA2 - #C0B67C

Códigos CSS

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

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