#5EBF3E - #1A3611 | 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 #5EBF3E à #1A3611

#5EBF3E #1A3611

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

#5EBF3E - #1A3611 | 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 #5EBF3E 0% et #1A3611 100%.

0.0%	0.0% #5EBF3E	RVB 94 191 62	#5EBF3E
16.7%	16.7% #52A836	RVB 82 168 54	#52A836
33.3%	33.3% #47912F	RVB 71 145 47	#47912F
50.0%	50.0% #3C7A27	RVB 60 122 39	#3C7A27
66.7%	66.7% #306320	RVB 48 99 32	#306320
83.3%	83.3% #254C18	RVB 37 76 24	#254C18
100.0%	100.0% #1A3611	RVB 26 54 17	#1A3611

#5EBF3E #52A836 #47912F #3C7A27 #306320 #254C18 #1A3611

#5EBF3E - #1A3611

Mélange HSV

#5EBF3E - #1A3611 | 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 #5EBF3E 0% et #1A3611 100%.

0.0%	0.0% #5EBF3E	RVB 94 191 62	#5EBF3E
16.7%	16.7% #52A836	RVB 82 168 54	#52A836
33.3%	33.3% #47912E	RVB 71 145 46	#47912E
50.0%	50.0% #3B7A27	RVB 59 122 39	#3B7A27
66.7%	66.7% #30631F	RVB 48 99 31	#30631F
83.3%	83.3% #254C18	RVB 37 76 24	#254C18
100.0%	100.0% #1A3611	RVB 26 54 17	#1A3611

#5EBF3E #52A836 #47912E #3B7A27 #30631F #254C18 #1A3611

#5EBF3E - #3B7A27 - #1A3611

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EBF3E 0%, #3B7A27 50%, #1A3611 100%);
    background: -webkit-linear-gradient(top, #5EBF3E 0%, #3B7A27 50%, #1A3611 100%);
    background: linear-gradient(to bottom, #5EBF3E 0%, #3B7A27 50%, #1A3611 100%);
}
</style>