#E5E3C0 - #C2B56C | 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 #E5E3C0 a #C2B56C

#E5E3C0 #C2B56C

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

#E5E3C0 - #C2B56C | 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 #E5E3C0 como 0% y #C2B56C como 100%.

0.0%	0.0% #E5E3C0	RGB 229 227 192	#E5E3C0
16.7%	16.7% #DFDBB2	RGB 223 219 178	#DFDBB2
33.3%	33.3% #D9D3A4	RGB 217 211 164	#D9D3A4
50.0%	50.0% #D3CC96	RGB 211 204 150	#D3CC96
66.7%	66.7% #CDC488	RGB 205 196 136	#CDC488
83.3%	83.3% #C7BC7A	RGB 199 188 122	#C7BC7A
100.0%	100.0% #C2B56C	RGB 194 181 108	#C2B56C

#E5E3C0 #DFDBB2 #D9D3A4 #D3CC96 #CDC488 #C7BC7A #C2B56C

#E5E3C0 - #C2B56C

Mezcla HSV

#E5E3C0 - #C2B56C | 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 #E5E3C0 como 0% y #C2B56C como 100%.

0.0%	0.0% #E5E3C0	RGB 229 227 192	#E5E3C0
16.7%	16.7% #DFDBB0	RGB 223 219 176	#DFDBB0
33.3%	33.3% #D9D4A1	RGB 217 212 161	#D9D4A1
50.0%	50.0% #D3CC93	RGB 211 204 147	#D3CC93
66.7%	66.7% #CDC585	RGB 205 197 133	#CDC585
83.3%	83.3% #C7BD78	RGB 199 189 120	#C7BD78
100.0%	100.0% #C2B56C	RGB 194 181 108	#C2B56C

#E5E3C0 #DFDBB0 #D9D4A1 #D3CC93 #CDC585 #C7BD78 #C2B56C

#E5E3C0 - #D3CC93 - #C2B56C

Códigos CSS

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

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