#7E757C - #5E282E | 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 #7E757C à #5E282E

#7E757C #5E282E

Calculez la couleur entre deux couleurs, #7E757C et #5E282E. 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)

#7E757C - #5E282E | 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 #7E757C 0% et #5E282E 100%.

0.0%	0.0% #7E757C	RVB 126 117 124	#7E757C
16.7%	16.7% #78686F	RVB 120 104 111	#78686F
33.3%	33.3% #735B62	RVB 115 91 98	#735B62
50.0%	50.0% #6E4E55	RVB 110 78 85	#6E4E55
66.7%	66.7% #684148	RVB 104 65 72	#684148
83.3%	83.3% #63343B	RVB 99 52 59	#63343B
100.0%	100.0% #5E282E	RVB 94 40 46	#5E282E

#7E757C #78686F #735B62 #6E4E55 #684148 #63343B #5E282E

#7E757C - #5E282E

Mélange HSV

#7E757C - #5E282E | 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 #7E757C 0% et #5E282E 100%.

0.0%	0.0% #7E757C	RVB 126 117 124	#7E757C
16.7%	16.7% #786572	RVB 120 101 114	#786572
33.3%	33.3% #735767	RVB 115 87 103	#735767
50.0%	50.0% #6E4A5A	RVB 110 74 90	#6E4A5A
66.7%	66.7% #683E4C	RVB 104 62 76	#683E4C
83.3%	83.3% #63323D	RVB 99 50 61	#63323D
100.0%	100.0% #5E282E	RVB 94 40 46	#5E282E

#7E757C #786572 #735767 #6E4A5A #683E4C #63323D #5E282E

#7E757C - #6E4A5A - #5E282E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E757C 0%, #6E4A5A 50%, #5E282E 100%);
    background: -webkit-linear-gradient(top, #7E757C 0%, #6E4A5A 50%, #5E282E 100%);
    background: linear-gradient(to bottom, #7E757C 0%, #6E4A5A 50%, #5E282E 100%);
}
</style>