#EAE5E7 - #C09DA6 | 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 #EAE5E7 a #C09DA6

#EAE5E7 #C09DA6

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

#EAE5E7 - #C09DA6 | 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 #EAE5E7 como 0% y #C09DA6 como 100%.

0.0%	0.0% #EAE5E7	RGB 234 229 231	#EAE5E7
16.7%	16.7% #E3D9DC	RGB 227 217 220	#E3D9DC
33.3%	33.3% #DCCDD1	RGB 220 205 209	#DCCDD1
50.0%	50.0% #D5C1C6	RGB 213 193 198	#D5C1C6
66.7%	66.7% #CEB5BB	RGB 206 181 187	#CEB5BB
83.3%	83.3% #C7A9B0	RGB 199 169 176	#C7A9B0
100.0%	100.0% #C09DA6	RGB 192 157 166	#C09DA6

#EAE5E7 #E3D9DC #DCCDD1 #D5C1C6 #CEB5BB #C7A9B0 #C09DA6

#EAE5E7 - #C09DA6

Mezcla HSV

#EAE5E7 - #C09DA6 | 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 #EAE5E7 como 0% y #C09DA6 como 100%.

0.0%	0.0% #EAE5E7	RGB 234 229 231	#EAE5E7
16.7%	16.7% #E3D8DC	RGB 227 216 220	#E3D8DC
33.3%	33.3% #DCCBD1	RGB 220 203 209	#DCCBD1
50.0%	50.0% #D5BFC6	RGB 213 191 198	#D5BFC6
66.7%	66.7% #CEB3BB	RGB 206 179 187	#CEB3BB
83.3%	83.3% #C7A8B0	RGB 199 168 176	#C7A8B0
100.0%	100.0% #C09DA6	RGB 192 157 166	#C09DA6

#EAE5E7 #E3D8DC #DCCBD1 #D5BFC6 #CEB3BB #C7A8B0 #C09DA6

#EAE5E7 - #D5BFC6 - #C09DA6

Códigos CSS

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

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