#E9C8B5 - #E9C5E3 | 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 #E9C8B5 a #E9C5E3

#E9C8B5 #E9C5E3

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

#E9C8B5 - #E9C5E3 | 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 #E9C8B5 como 0% y #E9C5E3 como 100%.

0.0%	0.0% #E9C8B5	RGB 233 200 181	#E9C8B5
16.7%	16.7% #E9C7BC	RGB 233 199 188	#E9C7BC
33.3%	33.3% #E9C7C4	RGB 233 199 196	#E9C7C4
50.0%	50.0% #E9C6CC	RGB 233 198 204	#E9C6CC
66.7%	66.7% #E9C6D3	RGB 233 198 211	#E9C6D3
83.3%	83.3% #E9C5DB	RGB 233 197 219	#E9C5DB
100.0%	100.0% #E9C5E3	RGB 233 197 227	#E9C5E3

#E9C8B5 #E9C7BC #E9C7C4 #E9C6CC #E9C6D3 #E9C5DB #E9C5E3

#E9C8B5 - #E9C5E3

Mezcla HSV

#E9C8B5 - #E9C5E3 | 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 #E9C8B5 como 0% y #E9C5E3 como 100%.

0.0%	0.0% #E9C8B5	RGB 233 200 181	#E9C8B5
16.7%	16.7% #E9BFB7	RGB 233 191 183	#E9BFB7
33.3%	33.3% #E9BABB	RGB 233 186 187	#E9BABB
50.0%	50.0% #E9BDC7	RGB 233 189 199	#E9BDC7
66.7%	66.7% #E9BFD1	RGB 233 191 209	#E9BFD1
83.3%	83.3% #E9C2DA	RGB 233 194 218	#E9C2DA
100.0%	100.0% #E9C5E3	RGB 233 197 227	#E9C5E3

#E9C8B5 #E9BFB7 #E9BABB #E9BDC7 #E9BFD1 #E9C2DA #E9C5E3

#E9C8B5 - #E9BDC7 - #E9C5E3

Códigos CSS

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

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