#D5D5E2 - #FFD9D9 | 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 #D5D5E2 a #FFD9D9

#D5D5E2 #FFD9D9

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

#D5D5E2 - #FFD9D9 | 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 #D5D5E2 como 0% y #FFD9D9 como 100%.

0.0%	0.0% #D5D5E2	RGB 213 213 226	#D5D5E2
16.7%	16.7% #DCD5E0	RGB 220 213 224	#DCD5E0
33.3%	33.3% #E3D6DF	RGB 227 214 223	#E3D6DF
50.0%	50.0% #EAD7DD	RGB 234 215 221	#EAD7DD
66.7%	66.7% #F1D7DC	RGB 241 215 220	#F1D7DC
83.3%	83.3% #F8D8DA	RGB 248 216 218	#F8D8DA
100.0%	100.0% #FFD9D9	RGB 255 217 217	#FFD9D9

#D5D5E2 #DCD5E0 #E3D6DF #EAD7DD #F1D7DC #F8D8DA #FFD9D9

#D5D5E2 - #FFD9D9

Mezcla HSV

#D5D5E2 - #FFD9D9 | 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 #D5D5E2 como 0% y #FFD9D9 como 100%.

0.0%	0.0% #D5D5E2	RGB 213 213 226	#D5D5E2
16.7%	16.7% #DBD6E6	RGB 219 214 230	#DBD6E6
33.3%	33.3% #E4D6EB	RGB 228 214 235	#E4D6EB
50.0%	50.0% #F0D7F0	RGB 240 215 240	#F0D7F0
66.7%	66.7% #F5D8EB	RGB 245 216 235	#F5D8EB
83.3%	83.3% #FAD8E3	RGB 250 216 227	#FAD8E3
100.0%	100.0% #FFD9D9	RGB 255 217 217	#FFD9D9

#D5D5E2 #DBD6E6 #E4D6EB #F0D7F0 #F5D8EB #FAD8E3 #FFD9D9

#D5D5E2 - #F0D7F0 - #FFD9D9

Códigos CSS

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

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