#2D502B - #8C9A5E | 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 #2D502B à #8C9A5E

#2D502B #8C9A5E

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

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

0.0%	0.0% #2D502B	RVB 45 80 43	#2D502B
16.7%	16.7% #3C5C33	RVB 60 92 51	#3C5C33
33.3%	33.3% #4C683C	RVB 76 104 60	#4C683C
50.0%	50.0% #5C7544	RVB 92 117 68	#5C7544
66.7%	66.7% #6C814D	RVB 108 129 77	#6C814D
83.3%	83.3% #7C8D55	RVB 124 141 85	#7C8D55
100.0%	100.0% #8C9A5E	RVB 140 154 94	#8C9A5E

#2D502B #3C5C33 #4C683C #5C7544 #6C814D #7C8D55 #8C9A5E

#2D502B - #8C9A5E

Mélange HSV

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

0.0%	0.0% #2C502B	RVB 44 80 43	#2C502B
16.7%	16.7% #395C32	RVB 57 92 50	#395C32
33.3%	33.3% #48683A	RVB 72 104 58	#48683A
50.0%	50.0% #577543	RVB 87 117 67	#577543
66.7%	66.7% #68814B	RVB 104 129 75	#68814B
83.3%	83.3% #798D54	RVB 121 141 84	#798D54
100.0%	100.0% #8C9A5E	RVB 140 154 94	#8C9A5E

#2C502B #395C32 #48683A #577543 #68814B #798D54 #8C9A5E

#2D502B - #577543 - #8C9A5E

Codes CSS

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

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