#E2D4DC - #DFDFE6 | 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 #E2D4DC a #DFDFE6

#E2D4DC #DFDFE6

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

#E2D4DC - #DFDFE6 | 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 #E2D4DC como 0% y #DFDFE6 como 100%.

0.0%	0.0% #E2D4DC	RGB 226 212 220	#E2D4DC
16.7%	16.7% #E1D5DD	RGB 225 213 221	#E1D5DD
33.3%	33.3% #E1D7DF	RGB 225 215 223	#E1D7DF
50.0%	50.0% #E0D9E1	RGB 224 217 225	#E0D9E1
66.7%	66.7% #E0DBE2	RGB 224 219 226	#E0DBE2
83.3%	83.3% #DFDDE4	RGB 223 221 228	#DFDDE4
100.0%	100.0% #DFDFE6	RGB 223 223 230	#DFDFE6

#E2D4DC #E1D5DD #E1D7DF #E0D9E1 #E0DBE2 #DFDDE4 #DFDFE6

#E2D4DC - #DFDFE6

Mezcla HSV

#E2D4DC - #DFDFE6 | 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 #E2D4DC como 0% y #DFDFE6 como 100%.

0.0%	0.0% #E2D4DC	RGB 226 212 220	#E2D4DC
16.7%	16.7% #E2D5E0	RGB 226 213 224	#E2D5E0
33.3%	33.3% #E2D7E3	RGB 226 215 227	#E2D7E3
50.0%	50.0% #E0D9E4	RGB 224 217 228	#E0D9E4
66.7%	66.7% #DFDBE4	RGB 223 219 228	#DFDBE4
83.3%	83.3% #DFDDE5	RGB 223 221 229	#DFDDE5
100.0%	100.0% #DFDFE6	RGB 223 223 230	#DFDFE6

#E2D4DC #E2D5E0 #E2D7E3 #E0D9E4 #DFDBE4 #DFDDE5 #DFDFE6

#E2D4DC - #E0D9E4 - #DFDFE6

Códigos CSS

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

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