#2B5E3A - #8AAB64 | 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 #2B5E3A à #8AAB64

#2B5E3A #8AAB64

Calculez la couleur entre deux couleurs, #2B5E3A et #8AAB64. 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)

#2B5E3A - #8AAB64 | 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 #2B5E3A 0% et #8AAB64 100%.

0.0%	0.0% #2B5E3A	RVB 43 94 58	#2B5E3A
16.7%	16.7% #3A6A41	RVB 58 106 65	#3A6A41
33.3%	33.3% #4A7748	RVB 74 119 72	#4A7748
50.0%	50.0% #5A844F	RVB 90 132 79	#5A844F
66.7%	66.7% #6A9156	RVB 106 145 86	#6A9156
83.3%	83.3% #7A9E5D	RVB 122 158 93	#7A9E5D
100.0%	100.0% #8AAB64	RVB 138 171 100	#8AAB64

#2B5E3A #3A6A41 #4A7748 #5A844F #6A9156 #7A9E5D #8AAB64

#2B5E3A - #8AAB64

Mélange HSV

#2B5E3A - #8AAB64 | 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 #2B5E3A 0% et #8AAB64 100%.

0.0%	0.0% #2B5E3A	RVB 43 94 58	#2B5E3A
16.7%	16.7% #336A3B	RVB 51 106 59	#336A3B
33.3%	33.3% #3B773C	RVB 59 119 60	#3B773C
50.0%	50.0% #4C8445	RVB 76 132 69	#4C8445
66.7%	66.7% #60914E	RVB 96 145 78	#60914E
83.3%	83.3% #749E59	RVB 116 158 89	#749E59
100.0%	100.0% #8AAB64	RVB 138 171 100	#8AAB64

#2B5E3A #336A3B #3B773C #4C8445 #60914E #749E59 #8AAB64

#2B5E3A - #4C8445 - #8AAB64

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B5E3A 0%, #4C8445 50%, #8AAB64 100%);
    background: -webkit-linear-gradient(top, #2B5E3A 0%, #4C8445 50%, #8AAB64 100%);
    background: linear-gradient(to bottom, #2B5E3A 0%, #4C8445 50%, #8AAB64 100%);
}
</style>