#2F5E3C - #8CAA65 | 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 #2F5E3C à #8CAA65

#2F5E3C #8CAA65

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

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

0.0%	0.0% #2F5E3C	RVB 47 94 60	#2F5E3C
16.7%	16.7% #3E6A42	RVB 62 106 66	#3E6A42
33.3%	33.3% #4E7749	RVB 78 119 73	#4E7749
50.0%	50.0% #5D8450	RVB 93 132 80	#5D8450
66.7%	66.7% #6D9057	RVB 109 144 87	#6D9057
83.3%	83.3% #7C9D5E	RVB 124 157 94	#7C9D5E
100.0%	100.0% #8CAA65	RVB 140 170 101	#8CAA65

#2F5E3C #3E6A42 #4E7749 #5D8450 #6D9057 #7C9D5E #8CAA65

#2F5E3C - #8CAA65

Mélange HSV

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

0.0%	0.0% #2F5E3C	RVB 47 94 60	#2F5E3C
16.7%	16.7% #376A3E	RVB 55 106 62	#376A3E
33.3%	33.3% #3F773F	RVB 63 119 63	#3F773F
50.0%	50.0% #508448	RVB 80 132 72	#508448
66.7%	66.7% #639051	RVB 99 144 81	#639051
83.3%	83.3% #779D5B	RVB 119 157 91	#779D5B
100.0%	100.0% #8CAA65	RVB 140 170 101	#8CAA65

#2F5E3C #376A3E #3F773F #508448 #639051 #779D5B #8CAA65

#2F5E3C - #508448 - #8CAA65

Codes CSS

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

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