#4AAB5E - #156935 | 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 #4AAB5E à #156935

#4AAB5E #156935

Calculez la couleur entre deux couleurs, #4AAB5E et #156935. 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)

#4AAB5E - #156935 | 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 #4AAB5E 0% et #156935 100%.

0.0%	0.0% #4AAB5E	RVB 74 171 94	#4AAB5E
16.7%	16.7% #41A057	RVB 65 160 87	#41A057
33.3%	33.3% #389550	RVB 56 149 80	#389550
50.0%	50.0% #2F8A49	RVB 47 138 73	#2F8A49
66.7%	66.7% #267F42	RVB 38 127 66	#267F42
83.3%	83.3% #1D743B	RVB 29 116 59	#1D743B
100.0%	100.0% #156935	RVB 21 105 53	#156935

#4AAB5E #41A057 #389550 #2F8A49 #267F42 #1D743B #156935

#4AAB5E - #156935

Mélange HSV

#4AAB5E - #156935 | 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 #4AAB5E 0% et #156935 100%.

0.0%	0.0% #4AAB5E	RVB 74 171 94	#4AAB5E
16.7%	16.7% #3FA055	RVB 63 160 85	#3FA055
33.3%	33.3% #34954E	RVB 52 149 78	#34954E
50.0%	50.0% #2B8A47	RVB 43 138 71	#2B8A47
66.7%	66.7% #237F40	RVB 35 127 64	#237F40
83.3%	83.3% #1B743A	RVB 27 116 58	#1B743A
100.0%	100.0% #156935	RVB 21 105 53	#156935

#4AAB5E #3FA055 #34954E #2B8A47 #237F40 #1B743A #156935

#4AAB5E - #2B8A47 - #156935

Codes CSS

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

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