#D9D9DF - #8C8EB9 | colorate

Colorate est un outil de gestion de couleurs pour les concepteurs et les développeurs. Il constitue une ressource précieuse pour trouver rapidement des jeux de couleurs en adéquation avec vos projets. Rendez ce site meilleur

Mélanger #D9D9DF à #8C8EB9

#D9D9DF #8C8EB9

Calculez la couleur entre deux couleurs, #D9D9DF et #8C8EB9. Dans le calcul des valeurs RVB, la saturation entre les couleurs dissemblables est faible. Dans le calcul des valeurs HSV, la saturation entre les couleurs dissemblables n'est pas faible.

Mélange RVB (Linéaire)

#D9D9DF - #8C8EB9 | colorate

Calcul de la couleur entre deux couleurs en fonction de la valeur RVB. Pour les couleurs éloignées les unes des autres, la saturation entre les deux couleurs diminue. Développez la couleur entre deux couleurs avec #D9D9DF 0% et #8C8EB9 100%.

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

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

#D9D9DF - #8C8EB9

Mélange HSV

#D9D9DF - #8C8EB9 | colorate

Calcul de la couleur entre deux couleurs en fonction de la valeur HSV. Même entre des couleurs de couleur distinctes, la saturation entre les deux couleurs ne diminue pas. Développez la couleur entre deux couleurs avec #D9D9DF 0% et #8C8EB9 100%.

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

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

#D9D9DF - #B0B1CC - #8C8EB9

Codes 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>