#DFD6D4 - #E6E5E9 | 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 #DFD6D4 a #E6E5E9

#DFD6D4 #E6E5E9

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

#DFD6D4 - #E6E5E9 | 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 #DFD6D4 como 0% y #E6E5E9 como 100%.

0.0%	0.0% #DFD6D4	RGB 223 214 212	#DFD6D4
16.7%	16.7% #E0D8D7	RGB 224 216 215	#E0D8D7
33.3%	33.3% #E1DBDB	RGB 225 219 219	#E1DBDB
50.0%	50.0% #E2DDDE	RGB 226 221 222	#E2DDDE
66.7%	66.7% #E3E0E2	RGB 227 224 226	#E3E0E2
83.3%	83.3% #E4E2E5	RGB 228 226 229	#E4E2E5
100.0%	100.0% #E6E5E9	RGB 230 229 233	#E6E5E9

#DFD6D4 #E0D8D7 #E1DBDB #E2DDDE #E3E0E2 #E4E2E5 #E6E5E9

#DFD6D4 - #E6E5E9

Mezcla HSV

#DFD6D4 - #E6E5E9 | 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 #DFD6D4 como 0% y #E6E5E9 como 100%.

0.0%	0.0% #DFD6D4	RGB 223 214 212	#DFD6D4
16.7%	16.7% #E0D6D8	RGB 224 214 216	#E0D6D8
33.3%	33.3% #E2D9DD	RGB 226 217 221	#E2D9DD
50.0%	50.0% #E4DCE2	RGB 228 220 226	#E4DCE2
66.7%	66.7% #E4DFE5	RGB 228 223 229	#E4DFE5
83.3%	83.3% #E5E2E7	RGB 229 226 231	#E5E2E7
100.0%	100.0% #E6E5E9	RGB 230 229 233	#E6E5E9

#DFD6D4 #E0D6D8 #E2D9DD #E4DCE2 #E4DFE5 #E5E2E7 #E6E5E9

#DFD6D4 - #E4DCE2 - #E6E5E9

Códigos CSS

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

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