#DFDDD4 - #E9E5E9 | 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 #DFDDD4 a #E9E5E9

#DFDDD4 #E9E5E9

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

#DFDDD4 - #E9E5E9 | 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 #DFDDD4 como 0% y #E9E5E9 como 100%.

0.0%	0.0% #DFDDD4	RGB 223 221 212	#DFDDD4
16.7%	16.7% #E0DED7	RGB 224 222 215	#E0DED7
33.3%	33.3% #E2DFDB	RGB 226 223 219	#E2DFDB
50.0%	50.0% #E4E1DE	RGB 228 225 222	#E4E1DE
66.7%	66.7% #E5E2E2	RGB 229 226 226	#E5E2E2
83.3%	83.3% #E7E3E5	RGB 231 227 229	#E7E3E5
100.0%	100.0% #E9E5E9	RGB 233 229 233	#E9E5E9

#DFDDD4 #E0DED7 #E2DFDB #E4E1DE #E5E2E2 #E7E3E5 #E9E5E9

#DFDDD4 - #E9E5E9

Mezcla HSV

#DFDDD4 - #E9E5E9 | 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 #DFDDD4 como 0% y #E9E5E9 como 100%.

0.0%	0.0% #DFDDD4	RGB 223 221 212	#DFDDD4
16.7%	16.7% #E0DBD6	RGB 224 219 214	#E0DBD6
33.3%	33.3% #E2DBD9	RGB 226 219 217	#E2DBD9
50.0%	50.0% #E4DCDD	RGB 228 220 221	#E4DCDD
66.7%	66.7% #E5DFE1	RGB 229 223 225	#E5DFE1
83.3%	83.3% #E7E2E5	RGB 231 226 229	#E7E2E5
100.0%	100.0% #E9E5E9	RGB 233 229 233	#E9E5E9

#DFDDD4 #E0DBD6 #E2DBD9 #E4DCDD #E5DFE1 #E7E2E5 #E9E5E9

#DFDDD4 - #E4DCDD - #E9E5E9

Códigos CSS

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

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