#2E5E2B - #A8AE57 | 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 #2E5E2B à #A8AE57

#2E5E2B #A8AE57

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

#2E5E2B - #A8AE57 | 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 #2E5E2B 0% et #A8AE57 100%.

0.0%	0.0% #2E5E2B	RVB 46 94 43	#2E5E2B
16.7%	16.7% #426B32	RVB 66 107 50	#426B32
33.3%	33.3% #567839	RVB 86 120 57	#567839
50.0%	50.0% #6B8641	RVB 107 134 65	#6B8641
66.7%	66.7% #7F9348	RVB 127 147 72	#7F9348
83.3%	83.3% #93A04F	RVB 147 160 79	#93A04F
100.0%	100.0% #A8AE57	RVB 168 174 87	#A8AE57

#2E5E2B #426B32 #567839 #6B8641 #7F9348 #93A04F #A8AE57

#2E5E2B - #A8AE57

Mélange HSV

#2E5E2B - #A8AE57 | 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 #2E5E2B 0% et #A8AE57 100%.

0.0%	0.0% #2D5E2B	RVB 45 94 43	#2D5E2B
16.7%	16.7% #3D6B31	RVB 61 107 49	#3D6B31
33.3%	33.3% #4F7838	RVB 79 120 56	#4F7838
50.0%	50.0% #628640	RVB 98 134 64	#628640
66.7%	66.7% #789347	RVB 120 147 71	#789347
83.3%	83.3% #8FA04F	RVB 143 160 79	#8FA04F
100.0%	100.0% #A8AE57	RVB 168 174 87	#A8AE57

#2D5E2B #3D6B31 #4F7838 #628640 #789347 #8FA04F #A8AE57

#2E5E2B - #628640 - #A8AE57

Codes CSS

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

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