#E5D6C7 - #E6E5E5 | 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 #E5D6C7 a #E6E5E5

#E5D6C7 #E6E5E5

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

#E5D6C7 - #E6E5E5 | 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 #E5D6C7 como 0% y #E6E5E5 como 100%.

0.0%	0.0% #E5D6C7	RGB 229 214 199	#E5D6C7
16.7%	16.7% #E5D8CC	RGB 229 216 204	#E5D8CC
33.3%	33.3% #E5DBD1	RGB 229 219 209	#E5DBD1
50.0%	50.0% #E5DDD6	RGB 229 221 214	#E5DDD6
66.7%	66.7% #E5E0DB	RGB 229 224 219	#E5E0DB
83.3%	83.3% #E5E2E0	RGB 229 226 224	#E5E2E0
100.0%	100.0% #E6E5E5	RGB 230 229 229	#E6E5E5

#E5D6C7 #E5D8CC #E5DBD1 #E5DDD6 #E5E0DB #E5E2E0 #E6E5E5

#E5D6C7 - #E6E5E5

Mezcla HSV

#E5D6C7 - #E6E5E5 | 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 #E5D6C7 como 0% y #E6E5E5 como 100%.

0.0%	0.0% #E5D6C7	RGB 229 214 199	#E5D6C7
16.7%	16.7% #E5D6CB	RGB 229 214 203	#E5D6CB
33.3%	33.3% #E5D7D0	RGB 229 215 208	#E5D7D0
50.0%	50.0% #E5D9D5	RGB 229 217 213	#E5D9D5
66.7%	66.7% #E5DCDA	RGB 229 220 218	#E5DCDA
83.3%	83.3% #E5E0DF	RGB 229 224 223	#E5E0DF
100.0%	100.0% #E6E5E5	RGB 230 229 229	#E6E5E5

#E5D6C7 #E5D6CB #E5D7D0 #E5D9D5 #E5DCDA #E5E0DF #E6E5E5

#E5D6C7 - #E5D9D5 - #E6E5E5

Códigos CSS

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

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