#323D3C - #5E8C6E | 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 #323D3C à #5E8C6E

#323D3C #5E8C6E

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

#323D3C - #5E8C6E | 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 #323D3C 0% et #5E8C6E 100%.

0.0%	0.0% #323D3C	RVB 50 61 60	#323D3C
16.7%	16.7% #394A44	RVB 57 74 68	#394A44
33.3%	33.3% #40574C	RVB 64 87 76	#40574C
50.0%	50.0% #486455	RVB 72 100 85	#486455
66.7%	66.7% #4F715D	RVB 79 113 93	#4F715D
83.3%	83.3% #567E65	RVB 86 126 101	#567E65
100.0%	100.0% #5E8C6E	RVB 94 140 110	#5E8C6E

#323D3C #394A44 #40574C #486455 #4F715D #567E65 #5E8C6E

#323D3C - #5E8C6E

Mélange HSV

#323D3C - #5E8C6E | 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 #323D3C 0% et #5E8C6E 100%.

0.0%	0.0% #323D3C	RVB 50 61 60	#323D3C
16.7%	16.7% #3A4A47	RVB 58 74 71	#3A4A47
33.3%	33.3% #435751	RVB 67 87 81	#435751
50.0%	50.0% #4A645A	RVB 74 100 90	#4A645A
66.7%	66.7% #517162	RVB 81 113 98	#517162
83.3%	83.3% #587E69	RVB 88 126 105	#587E69
100.0%	100.0% #5E8C6E	RVB 94 140 110	#5E8C6E

#323D3C #3A4A47 #435751 #4A645A #517162 #587E69 #5E8C6E

#323D3C - #4A645A - #5E8C6E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #323D3C 0%, #4A645A 50%, #5E8C6E 100%);
    background: -webkit-linear-gradient(top, #323D3C 0%, #4A645A 50%, #5E8C6E 100%);
    background: linear-gradient(to bottom, #323D3C 0%, #4A645A 50%, #5E8C6E 100%);
}
</style>