#7E7A8C - #392D3E | 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 #7E7A8C à #392D3E

#7E7A8C #392D3E

Calculez la couleur entre deux couleurs, #7E7A8C et #392D3E. 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)

#7E7A8C - #392D3E | 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 #7E7A8C 0% et #392D3E 100%.

0.0%	0.0% #7E7A8C	RVB 126 122 140	#7E7A8C
16.7%	16.7% #726D7F	RVB 114 109 127	#726D7F
33.3%	33.3% #676072	RVB 103 96 114	#676072
50.0%	50.0% #5B5365	RVB 91 83 101	#5B5365
66.7%	66.7% #504658	RVB 80 70 88	#504658
83.3%	83.3% #44394B	RVB 68 57 75	#44394B
100.0%	100.0% #392D3E	RVB 57 45 62	#392D3E

#7E7A8C #726D7F #676072 #5B5365 #504658 #44394B #392D3E

#7E7A8C - #392D3E

Mélange HSV

#7E7A8C - #392D3E | 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 #7E7A8C 0% et #392D3E 100%.

0.0%	0.0% #7E7A8C	RVB 126 122 140	#7E7A8C
16.7%	16.7% #716B7F	RVB 113 107 127	#716B7F
33.3%	33.3% #655D72	RVB 101 93 114	#655D72
50.0%	50.0% #5A5065	RVB 90 80 101	#5A5065
66.7%	66.7% #4E4458	RVB 78 68 88	#4E4458
83.3%	83.3% #43384B	RVB 67 56 75	#43384B
100.0%	100.0% #392D3E	RVB 57 45 62	#392D3E

#7E7A8C #716B7F #655D72 #5A5065 #4E4458 #43384B #392D3E

#7E7A8C - #5A5065 - #392D3E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E7A8C 0%, #5A5065 50%, #392D3E 100%);
    background: -webkit-linear-gradient(top, #7E7A8C 0%, #5A5065 50%, #392D3E 100%);
    background: linear-gradient(to bottom, #7E7A8C 0%, #5A5065 50%, #392D3E 100%);
}
</style>