#8F5E7D - #DFD1D9 | 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 #8F5E7D à #DFD1D9

#8F5E7D #DFD1D9

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

#8F5E7D - #DFD1D9 | 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 #8F5E7D 0% et #DFD1D9 100%.

0.0%	0.0% #8F5E7D	RVB 143 94 125	#8F5E7D
16.7%	16.7% #9C718C	RVB 156 113 140	#9C718C
33.3%	33.3% #A9849B	RVB 169 132 155	#A9849B
50.0%	50.0% #B797AB	RVB 183 151 171	#B797AB
66.7%	66.7% #C4AABA	RVB 196 170 186	#C4AABA
83.3%	83.3% #D1BDC9	RVB 209 189 201	#D1BDC9
100.0%	100.0% #DFD1D9	RVB 223 209 217	#DFD1D9

#8F5E7D #9C718C #A9849B #B797AB #C4AABA #D1BDC9 #DFD1D9

#8F5E7D - #DFD1D9

Mélange HSV

#8F5E7D - #DFD1D9 | 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 #8F5E7D 0% et #DFD1D9 100%.

0.0%	0.0% #8F5E7D	RVB 143 94 125	#8F5E7D
16.7%	16.7% #9C6E8A	RVB 156 110 138	#9C6E8A
33.3%	33.3% #A97F99	RVB 169 127 153	#A97F99
50.0%	50.0% #B791A8	RVB 183 145 168	#B791A8
66.7%	66.7% #C4A5B7	RVB 196 165 183	#C4A5B7
83.3%	83.3% #D1BAC8	RVB 209 186 200	#D1BAC8
100.0%	100.0% #DFD1D9	RVB 223 209 217	#DFD1D9

#8F5E7D #9C6E8A #A97F99 #B791A8 #C4A5B7 #D1BAC8 #DFD1D9

#8F5E7D - #B791A8 - #DFD1D9

Codes CSS

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

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