#3C5E3C - #ACAA62 | 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 #3C5E3C à #ACAA62

#3C5E3C #ACAA62

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

#3C5E3C - #ACAA62 | 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 #3C5E3C 0% et #ACAA62 100%.

0.0%	0.0% #3C5E3C	RVB 60 94 60	#3C5E3C
16.7%	16.7% #4E6A42	RVB 78 106 66	#4E6A42
33.3%	33.3% #617748	RVB 97 119 72	#617748
50.0%	50.0% #74844F	RVB 116 132 79	#74844F
66.7%	66.7% #869055	RVB 134 144 85	#869055
83.3%	83.3% #999D5B	RVB 153 157 91	#999D5B
100.0%	100.0% #ACAA62	RVB 172 170 98	#ACAA62

#3C5E3C #4E6A42 #617748 #74844F #869055 #999D5B #ACAA62

#3C5E3C - #ACAA62

Mélange HSV

#3C5E3C - #ACAA62 | 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 #3C5E3C 0% et #ACAA62 100%.

0.0%	0.0% #3C5E3C	RVB 60 94 60	#3C5E3C
16.7%	16.7% #496B43	RVB 73 107 67	#496B43
33.3%	33.3% #597849	RVB 89 120 73	#597849
50.0%	50.0% #6B8550	RVB 107 133 80	#6B8550
66.7%	66.7% #7F9256	RVB 127 146 86	#7F9256
83.3%	83.3% #959F5C	RVB 149 159 92	#959F5C
100.0%	100.0% #ACAA62	RVB 172 170 98	#ACAA62

#3C5E3C #496B43 #597849 #6B8550 #7F9256 #959F5C #ACAA62

#3C5E3C - #6B8550 - #ACAA62

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C5E3C 0%, #6B8550 50%, #ACAA62 100%);
    background: -webkit-linear-gradient(top, #3C5E3C 0%, #6B8550 50%, #ACAA62 100%);
    background: linear-gradient(to bottom, #3C5E3C 0%, #6B8550 50%, #ACAA62 100%);
}
</style>