#E5DFD5 - #FFECE2 | 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 #E5DFD5 a #FFECE2

#E5DFD5 #FFECE2

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

#E5DFD5 - #FFECE2 | 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 #E5DFD5 como 0% y #FFECE2 como 100%.

0.0%	0.0% #E5DFD5	RGB 229 223 213	#E5DFD5
16.7%	16.7% #E9E1D7	RGB 233 225 215	#E9E1D7
33.3%	33.3% #EDE3D9	RGB 237 227 217	#EDE3D9
50.0%	50.0% #F2E5DB	RGB 242 229 219	#F2E5DB
66.7%	66.7% #F6E7DD	RGB 246 231 221	#F6E7DD
83.3%	83.3% #FAE9DF	RGB 250 233 223	#FAE9DF
100.0%	100.0% #FFECE2	RGB 255 236 226	#FFECE2

#E5DFD5 #E9E1D7 #EDE3D9 #F2E5DB #F6E7DD #FAE9DF #FFECE2

#E5DFD5 - #FFECE2

Mezcla HSV

#E5DFD5 - #FFECE2 | 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 #E5DFD5 como 0% y #FFECE2 como 100%.

0.0%	0.0% #E5DFD5	RGB 229 223 213	#E5DFD5
16.7%	16.7% #E9E1D7	RGB 233 225 215	#E9E1D7
33.3%	33.3% #EDE4D9	RGB 237 228 217	#EDE4D9
50.0%	50.0% #F2E6DB	RGB 242 230 219	#F2E6DB
66.7%	66.7% #F6E8DD	RGB 246 232 221	#F6E8DD
83.3%	83.3% #FAEADF	RGB 250 234 223	#FAEADF
100.0%	100.0% #FFECE2	RGB 255 236 226	#FFECE2

#E5DFD5 #E9E1D7 #EDE4D9 #F2E6DB #F6E8DD #FAEADF #FFECE2

#E5DFD5 - #F2E6DB - #FFECE2

Códigos CSS

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

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