#3A8444 - #C0D06E | 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 #3A8444 à #C0D06E

#3A8444 #C0D06E

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

#3A8444 - #C0D06E | 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 #3A8444 0% et #C0D06E 100%.

0.0%	0.0% #3A8444	RVB 58 132 68	#3A8444
16.7%	16.7% #50904B	RVB 80 144 75	#50904B
33.3%	33.3% #669D52	RVB 102 157 82	#669D52
50.0%	50.0% #7DAA59	RVB 125 170 89	#7DAA59
66.7%	66.7% #93B660	RVB 147 182 96	#93B660
83.3%	83.3% #A9C367	RVB 169 195 103	#A9C367
100.0%	100.0% #C0D06E	RVB 192 208 110	#C0D06E

#3A8444 #50904B #669D52 #7DAA59 #93B660 #A9C367 #C0D06E

#3A8444 - #C0D06E

Mélange HSV

#3A8444 - #C0D06E | 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 #3A8444 0% et #C0D06E 100%.

0.0%	0.0% #3A8444	RVB 58 132 68	#3A8444
16.7%	16.7% #439041	RVB 67 144 65	#439041
33.3%	33.3% #599D49	RVB 89 157 73	#599D49
50.0%	50.0% #71AA52	RVB 113 170 82	#71AA52
66.7%	66.7% #8AB65B	RVB 138 182 91	#8AB65B
83.3%	83.3% #A4C364	RVB 164 195 100	#A4C364
100.0%	100.0% #C0D06E	RVB 192 208 110	#C0D06E

#3A8444 #439041 #599D49 #71AA52 #8AB65B #A4C364 #C0D06E

#3A8444 - #71AA52 - #C0D06E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A8444 0%, #71AA52 50%, #C0D06E 100%);
    background: -webkit-linear-gradient(top, #3A8444 0%, #71AA52 50%, #C0D06E 100%);
    background: linear-gradient(to bottom, #3A8444 0%, #71AA52 50%, #C0D06E 100%);
}
</style>