#D4D2D9 - #DFE6DF | 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 #D4D2D9 a #DFE6DF

#D4D2D9 #DFE6DF

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

#D4D2D9 - #DFE6DF | 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 #D4D2D9 como 0% y #DFE6DF como 100%.

0.0%	0.0% #D4D2D9	RGB 212 210 217	#D4D2D9
16.7%	16.7% #D5D5DA	RGB 213 213 218	#D5D5DA
33.3%	33.3% #D7D8DB	RGB 215 216 219	#D7D8DB
50.0%	50.0% #D9DCDC	RGB 217 220 220	#D9DCDC
66.7%	66.7% #DBDFDD	RGB 219 223 221	#DBDFDD
83.3%	83.3% #DDE2DE	RGB 221 226 222	#DDE2DE
100.0%	100.0% #DFE6DF	RGB 223 230 223	#DFE6DF

#D4D2D9 #D5D5DA #D7D8DB #D9DCDC #DBDFDD #DDE2DE #DFE6DF

#D4D2D9 - #DFE6DF

Mezcla HSV

#D4D2D9 - #DFE6DF | 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 #D4D2D9 como 0% y #DFE6DF como 100%.

0.0%	0.0% #D4D2D9	RGB 212 210 217	#D4D2D9
16.7%	16.7% #D4D4DB	RGB 212 212 219	#D4D4DB
33.3%	33.3% #D6D9DD	RGB 214 217 221	#D6D9DD
50.0%	50.0% #D8DEDF	RGB 216 222 223	#D8DEDF
66.7%	66.7% #DAE1DF	RGB 218 225 223	#DAE1DF
83.3%	83.3% #DCE3DF	RGB 220 227 223	#DCE3DF
100.0%	100.0% #DFE6DF	RGB 223 230 223	#DFE6DF

#D4D2D9 #D4D4DB #D6D9DD #D8DEDF #DAE1DF #DCE3DF #DFE6DF

#D4D2D9 - #D8DEDF - #DFE6DF

Códigos CSS

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

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