#DFD4DF - #8C879E | 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 #DFD4DF à #8C879E

#DFD4DF #8C879E

Calculez la couleur entre deux couleurs, #DFD4DF et #8C879E. 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)

#DFD4DF - #8C879E | 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 #DFD4DF 0% et #8C879E 100%.

0.0%	0.0% #DFD4DF	RVB 223 212 223	#DFD4DF
16.7%	16.7% #D1C7D4	RVB 209 199 212	#D1C7D4
33.3%	33.3% #C3BAC9	RVB 195 186 201	#C3BAC9
50.0%	50.0% #B5ADBE	RVB 181 173 190	#B5ADBE
66.7%	66.7% #A7A0B3	RVB 167 160 179	#A7A0B3
83.3%	83.3% #9993A8	RVB 153 147 168	#9993A8
100.0%	100.0% #8C879E	RVB 140 135 158	#8C879E

#DFD4DF #D1C7D4 #C3BAC9 #B5ADBE #A7A0B3 #9993A8 #8C879E

#DFD4DF - #8C879E

Mélange HSV

#DFD4DF - #8C879E | 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 #DFD4DF 0% et #8C879E 100%.

0.0%	0.0% #DFD4DF	RVB 223 212 223	#DFD4DF
16.7%	16.7% #D2C6D4	RVB 210 198 212	#D2C6D4
33.3%	33.3% #C5B8C9	RVB 197 184 201	#C5B8C9
50.0%	50.0% #B7ABBE	RVB 183 171 190	#B7ABBE
66.7%	66.7% #A99FB3	RVB 169 159 179	#A99FB3
83.3%	83.3% #9A92A8	RVB 154 146 168	#9A92A8
100.0%	100.0% #8C879E	RVB 140 135 158	#8C879E

#DFD4DF #D2C6D4 #C5B8C9 #B7ABBE #A99FB3 #9A92A8 #8C879E

#DFD4DF - #B7ABBE - #8C879E

Codes CSS

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

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