#8C5E6B - #DED1D4 | 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 #8C5E6B à #DED1D4

#8C5E6B #DED1D4

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

#8C5E6B - #DED1D4 | 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 #8C5E6B 0% et #DED1D4 100%.

0.0%	0.0% #8C5E6B	RVB 140 94 107	#8C5E6B
16.7%	16.7% #99717C	RVB 153 113 124	#99717C
33.3%	33.3% #A7848E	RVB 167 132 142	#A7848E
50.0%	50.0% #B5979F	RVB 181 151 159	#B5979F
66.7%	66.7% #C2AAB1	RVB 194 170 177	#C2AAB1
83.3%	83.3% #D0BDC2	RVB 208 189 194	#D0BDC2
100.0%	100.0% #DED1D4	RVB 222 209 212	#DED1D4

#8C5E6B #99717C #A7848E #B5979F #C2AAB1 #D0BDC2 #DED1D4

#8C5E6B - #DED1D4

Mélange HSV

#8C5E6B - #DED1D4 | 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 #8C5E6B 0% et #DED1D4 100%.

0.0%	0.0% #8C5E6B	RVB 140 94 107	#8C5E6B
16.7%	16.7% #996E7A	RVB 153 110 122	#996E7A
33.3%	33.3% #A77F8A	RVB 167 127 138	#A77F8A
50.0%	50.0% #B5919A	RVB 181 145 154	#B5919A
66.7%	66.7% #C2A5AC	RVB 194 165 172	#C2A5AC
83.3%	83.3% #D0BABF	RVB 208 186 191	#D0BABF
100.0%	100.0% #DED1D4	RVB 222 209 212	#DED1D4

#8C5E6B #996E7A #A77F8A #B5919A #C2A5AC #D0BABF #DED1D4

#8C5E6B - #B5919A - #DED1D4

Codes CSS

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

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