#7E5E5E - #C47BD3 | 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 à #C47BD3

#7E5E5E #C47BD3

Calculez la couleur entre deux couleurs, #7E5E5E et #C47BD3. 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 - #C47BD3 | 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 #C47BD3 100%.

0.0%	0.0% #7E5E5E	RVB 126 94 94	#7E5E5E
16.7%	16.7% #896271	RVB 137 98 113	#896271
33.3%	33.3% #956785	RVB 149 103 133	#956785
50.0%	50.0% #A16C98	RVB 161 108 152	#A16C98
66.7%	66.7% #AC71AC	RVB 172 113 172	#AC71AC
83.3%	83.3% #B876BF	RVB 184 118 191	#B876BF
100.0%	100.0% #C47BD3	RVB 196 123 211	#C47BD3

#7E5E5E #896271 #956785 #A16C98 #AC71AC #B876BF #C47BD3

#7E5E5E - #C47BD3

Mélange HSV

#7E5E5E - #C47BD3 | 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 #C47BD3 100%.

0.0%	0.0% #7E5E5E	RVB 126 94 94	#7E5E5E
16.7%	16.7% #8C646C	RVB 140 100 108	#8C646C
33.3%	33.3% #9A6A7D	RVB 154 106 125	#9A6A7D
50.0%	50.0% #A86F91	RVB 168 111 145	#A86F91
66.7%	66.7% #B674A8	RVB 182 116 168	#B674A8
83.3%	83.3% #C478C2	RVB 196 120 194	#C478C2
100.0%	100.0% #C47BD3	RVB 196 123 211	#C47BD3

#7E5E5E #8C646C #9A6A7D #A86F91 #B674A8 #C478C2 #C47BD3

#7E5E5E - #A86F91 - #C47BD3

Codes CSS

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

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