#D9D9DF - #8C8EB9 | 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 #D9D9DF a #8C8EB9

#D9D9DF #8C8EB9

Calcule el color entre dos colores, #D9D9DF y #8C8EB9. 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)

#D9D9DF - #8C8EB9 | 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 #D9D9DF como 0% y #8C8EB9 como 100%.

0.0%	0.0% #D9D9DF	RGB 217 217 223	#D9D9DF
16.7%	16.7% #CCCCD8	RGB 204 204 216	#CCCCD8
33.3%	33.3% #BFC0D2	RGB 191 192 210	#BFC0D2
50.0%	50.0% #B2B3CC	RGB 178 179 204	#B2B3CC
66.7%	66.7% #A5A7C5	RGB 165 167 197	#A5A7C5
83.3%	83.3% #989ABF	RGB 152 154 191	#989ABF
100.0%	100.0% #8C8EB9	RGB 140 142 185	#8C8EB9

#D9D9DF #CCCCD8 #BFC0D2 #B2B3CC #A5A7C5 #989ABF #8C8EB9

#D9D9DF - #8C8EB9

Mezcla HSV

#D9D9DF - #8C8EB9 | 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 #D9D9DF como 0% y #8C8EB9 como 100%.

0.0%	0.0% #D9D9DF	RGB 217 217 223	#D9D9DF
16.7%	16.7% #CBCBD8	RGB 203 203 216	#CBCBD8
33.3%	33.3% #BDBDD2	RGB 189 189 210	#BDBDD2
50.0%	50.0% #B0B1CC	RGB 176 177 204	#B0B1CC
66.7%	66.7% #A3A4C5	RGB 163 164 197	#A3A4C5
83.3%	83.3% #9799BF	RGB 151 153 191	#9799BF
100.0%	100.0% #8C8EB9	RGB 140 142 185	#8C8EB9

#D9D9DF #CBCBD8 #BDBDD2 #B0B1CC #A3A4C5 #9799BF #8C8EB9

#D9D9DF - #B0B1CC - #8C8EB9

Códigos CSS

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

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