#8F5E7E - #DFD1DA | 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 #8F5E7E à #DFD1DA

#8F5E7E #DFD1DA

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

#8F5E7E - #DFD1DA | 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 #8F5E7E 0% et #DFD1DA 100%.

0.0%	0.0% #8F5E7E	RVB 143 94 126	#8F5E7E
16.7%	16.7% #9C718D	RVB 156 113 141	#9C718D
33.3%	33.3% #A9849C	RVB 169 132 156	#A9849C
50.0%	50.0% #B797AC	RVB 183 151 172	#B797AC
66.7%	66.7% #C4AABB	RVB 196 170 187	#C4AABB
83.3%	83.3% #D1BDCA	RVB 209 189 202	#D1BDCA
100.0%	100.0% #DFD1DA	RVB 223 209 218	#DFD1DA

#8F5E7E #9C718D #A9849C #B797AC #C4AABB #D1BDCA #DFD1DA

#8F5E7E - #DFD1DA

Mélange HSV

#8F5E7E - #DFD1DA | 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 #8F5E7E 0% et #DFD1DA 100%.

0.0%	0.0% #8F5E7E	RVB 143 94 126	#8F5E7E
16.7%	16.7% #9C6E8C	RVB 156 110 140	#9C6E8C
33.3%	33.3% #A97F9A	RVB 169 127 154	#A97F9A
50.0%	50.0% #B791A9	RVB 183 145 169	#B791A9
66.7%	66.7% #C4A5B9	RVB 196 165 185	#C4A5B9
83.3%	83.3% #D1BAC9	RVB 209 186 201	#D1BAC9
100.0%	100.0% #DFD1DA	RVB 223 209 218	#DFD1DA

#8F5E7E #9C6E8C #A97F9A #B791A9 #C4A5B9 #D1BAC9 #DFD1DA

#8F5E7E - #B791A9 - #DFD1DA

Codes CSS

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

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