#5EAF3C - #267B0E | 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 #5EAF3C à #267B0E

#5EAF3C #267B0E

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

#5EAF3C - #267B0E | 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 #5EAF3C 0% et #267B0E 100%.

0.0%	0.0% #5EAF3C	RVB 94 175 60	#5EAF3C
16.7%	16.7% #54A634	RVB 84 166 52	#54A634
33.3%	33.3% #4B9D2C	RVB 75 157 44	#4B9D2C
50.0%	50.0% #429525	RVB 66 149 37	#429525
66.7%	66.7% #388C1D	RVB 56 140 29	#388C1D
83.3%	83.3% #2F8315	RVB 47 131 21	#2F8315
100.0%	100.0% #267B0E	RVB 38 123 14	#267B0E

#5EAF3C #54A634 #4B9D2C #429525 #388C1D #2F8315 #267B0E

#5EAF3C - #267B0E

Mélange HSV

#5EAF3C - #267B0E | 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 #5EAF3C 0% et #267B0E 100%.

0.0%	0.0% #5EAF3C	RVB 94 175 60	#5EAF3C
16.7%	16.7% #53A632	RVB 83 166 50	#53A632
33.3%	33.3% #499D2A	RVB 73 157 42	#499D2A
50.0%	50.0% #3F9522	RVB 63 149 34	#3F9522
66.7%	66.7% #368C1A	RVB 54 140 26	#368C1A
83.3%	83.3% #2E8314	RVB 46 131 20	#2E8314
100.0%	100.0% #267B0E	RVB 38 123 14	#267B0E

#5EAF3C #53A632 #499D2A #3F9522 #368C1A #2E8314 #267B0E

#5EAF3C - #3F9522 - #267B0E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EAF3C 0%, #3F9522 50%, #267B0E 100%);
    background: -webkit-linear-gradient(top, #5EAF3C 0%, #3F9522 50%, #267B0E 100%);
    background: linear-gradient(to bottom, #5EAF3C 0%, #3F9522 50%, #267B0E 100%);
}
</style>