#3B591D - #5EAF3E | 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 #3B591D à #5EAF3E

#3B591D #5EAF3E

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

#3B591D - #5EAF3E | 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 #3B591D 0% et #5EAF3E 100%.

0.0%	0.0% #3B591D	RVB 59 89 29	#3B591D
16.7%	16.7% #406722	RVB 64 103 34	#406722
33.3%	33.3% #467528	RVB 70 117 40	#467528
50.0%	50.0% #4C842D	RVB 76 132 45	#4C842D
66.7%	66.7% #529233	RVB 82 146 51	#529233
83.3%	83.3% #58A038	RVB 88 160 56	#58A038
100.0%	100.0% #5EAF3E	RVB 94 175 62	#5EAF3E

#3B591D #406722 #467528 #4C842D #529233 #58A038 #5EAF3E

#3B591D - #5EAF3E

Mélange HSV

#3B591D - #5EAF3E | 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 #3B591D 0% et #5EAF3E 100%.

0.0%	0.0% #3B591D	RVB 59 89 29	#3B591D
16.7%	16.7% #426722	RVB 66 103 34	#426722
33.3%	33.3% #487527	RVB 72 117 39	#487527
50.0%	50.0% #4F842C	RVB 79 132 44	#4F842C
66.7%	66.7% #549232	RVB 84 146 50	#549232
83.3%	83.3% #59A038	RVB 89 160 56	#59A038
100.0%	100.0% #5EAF3E	RVB 94 175 62	#5EAF3E

#3B591D #426722 #487527 #4F842C #549232 #59A038 #5EAF3E

#3B591D - #4F842C - #5EAF3E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B591D 0%, #4F842C 50%, #5EAF3E 100%);
    background: -webkit-linear-gradient(top, #3B591D 0%, #4F842C 50%, #5EAF3E 100%);
    background: linear-gradient(to bottom, #3B591D 0%, #4F842C 50%, #5EAF3E 100%);
}
</style>