#D8D1DF - #DFE5E3 | 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 #D8D1DF a #DFE5E3

#D8D1DF #DFE5E3

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

#D8D1DF - #DFE5E3 | 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 #D8D1DF como 0% y #DFE5E3 como 100%.

0.0%	0.0% #D8D1DF	RGB 216 209 223	#D8D1DF
16.7%	16.7% #D9D4DF	RGB 217 212 223	#D9D4DF
33.3%	33.3% #DAD7E0	RGB 218 215 224	#DAD7E0
50.0%	50.0% #DBDBE1	RGB 219 219 225	#DBDBE1
66.7%	66.7% #DCDEE1	RGB 220 222 225	#DCDEE1
83.3%	83.3% #DDE1E2	RGB 221 225 226	#DDE1E2
100.0%	100.0% #DFE5E3	RGB 223 229 227	#DFE5E3

#D8D1DF #D9D4DF #DAD7E0 #DBDBE1 #DCDEE1 #DDE1E2 #DFE5E3

#D8D1DF - #DFE5E3

Mezcla HSV

#D8D1DF - #DFE5E3 | 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 #D8D1DF como 0% y #DFE5E3 como 100%.

0.0%	0.0% #D8D1DF	RGB 216 209 223	#D8D1DF
16.7%	16.7% #D5D3E0	RGB 213 211 224	#D5D3E0
33.3%	33.3% #D5D6E1	RGB 213 214 225	#D5D6E1
50.0%	50.0% #D7DCE2	RGB 215 220 226	#D7DCE2
66.7%	66.7% #DAE0E3	RGB 218 224 227	#DAE0E3
83.3%	83.3% #DCE4E3	RGB 220 228 227	#DCE4E3
100.0%	100.0% #DFE5E3	RGB 223 229 227	#DFE5E3

#D8D1DF #D5D3E0 #D5D6E1 #D7DCE2 #DAE0E3 #DCE4E3 #DFE5E3

#D8D1DF - #D7DCE2 - #DFE5E3

Códigos CSS

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

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