#7E5E5E - #9D8CBC | 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 #7E5E5E à #9D8CBC

#7E5E5E #9D8CBC

Calculez la couleur entre deux couleurs, #7E5E5E et #9D8CBC. 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)

#7E5E5E - #9D8CBC | 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 #7E5E5E 0% et #9D8CBC 100%.

0.0%	0.0% #7E5E5E	RVB 126 94 94	#7E5E5E
16.7%	16.7% #83656D	RVB 131 101 109	#83656D
33.3%	33.3% #886D7D	RVB 136 109 125	#886D7D
50.0%	50.0% #8D758D	RVB 141 117 141	#8D758D
66.7%	66.7% #927C9C	RVB 146 124 156	#927C9C
83.3%	83.3% #9784AC	RVB 151 132 172	#9784AC
100.0%	100.0% #9D8CBC	RVB 157 140 188	#9D8CBC

#7E5E5E #83656D #886D7D #8D758D #927C9C #9784AC #9D8CBC

#7E5E5E - #9D8CBC

Mélange HSV

#7E5E5E - #9D8CBC | 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 #7E5E5E 0% et #9D8CBC 100%.

0.0%	0.0% #7E5E5E	RVB 126 94 94	#7E5E5E
16.7%	16.7% #88656F	RVB 136 101 111	#88656F
33.3%	33.3% #926D81	RVB 146 109 129	#926D81
50.0%	50.0% #9D7595	RVB 157 117 149	#9D7595
66.7%	66.7% #A37CA7	RVB 163 124 167	#A37CA7
83.3%	83.3% #A084B1	RVB 160 132 177	#A084B1
100.0%	100.0% #9D8CBC	RVB 157 140 188	#9D8CBC

#7E5E5E #88656F #926D81 #9D7595 #A37CA7 #A084B1 #9D8CBC

#7E5E5E - #9D7595 - #9D8CBC

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E5E5E 0%, #9D7595 50%, #9D8CBC 100%);
    background: -webkit-linear-gradient(top, #7E5E5E 0%, #9D7595 50%, #9D8CBC 100%);
    background: linear-gradient(to bottom, #7E5E5E 0%, #9D7595 50%, #9D8CBC 100%);
}
</style>