#8F5E8C - #DFD1DD | 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 #8F5E8C à #DFD1DD

#8F5E8C #DFD1DD

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

#8F5E8C - #DFD1DD | 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 #8F5E8C 0% et #DFD1DD 100%.

0.0%	0.0% #8F5E8C	RVB 143 94 140	#8F5E8C
16.7%	16.7% #9C7199	RVB 156 113 153	#9C7199
33.3%	33.3% #A984A7	RVB 169 132 167	#A984A7
50.0%	50.0% #B797B4	RVB 183 151 180	#B797B4
66.7%	66.7% #C4AAC2	RVB 196 170 194	#C4AAC2
83.3%	83.3% #D1BDCF	RVB 209 189 207	#D1BDCF
100.0%	100.0% #DFD1DD	RVB 223 209 221	#DFD1DD

#8F5E8C #9C7199 #A984A7 #B797B4 #C4AAC2 #D1BDCF #DFD1DD

#8F5E8C - #DFD1DD

Mélange HSV

#8F5E8C - #DFD1DD | 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 #8F5E8C 0% et #DFD1DD 100%.

0.0%	0.0% #8F5E8C	RVB 143 94 140	#8F5E8C
16.7%	16.7% #9C6E98	RVB 156 110 152	#9C6E98
33.3%	33.3% #A97FA5	RVB 169 127 165	#A97FA5
50.0%	50.0% #B791B3	RVB 183 145 179	#B791B3
66.7%	66.7% #C4A5C0	RVB 196 165 192	#C4A5C0
83.3%	83.3% #D1BACE	RVB 209 186 206	#D1BACE
100.0%	100.0% #DFD1DD	RVB 223 209 221	#DFD1DD

#8F5E8C #9C6E98 #A97FA5 #B791B3 #C4A5C0 #D1BACE #DFD1DD

#8F5E8C - #B791B3 - #DFD1DD

Codes CSS

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

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