#4B7621 - #CDAB5E | 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 #4B7621 à #CDAB5E

#4B7621 #CDAB5E

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

#4B7621 - #CDAB5E | 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 #4B7621 0% et #CDAB5E 100%.

0.0%	0.0% #4B7621	RVB 75 118 33	#4B7621
16.7%	16.7% #607E2B	RVB 96 126 43	#607E2B
33.3%	33.3% #768735	RVB 118 135 53	#768735
50.0%	50.0% #8C903F	RVB 140 144 63	#8C903F
66.7%	66.7% #A19949	RVB 161 153 73	#A19949
83.3%	83.3% #B7A253	RVB 183 162 83	#B7A253
100.0%	100.0% #CDAB5E	RVB 205 171 94	#CDAB5E

#4B7621 #607E2B #768735 #8C903F #A19949 #B7A253 #CDAB5E

#4B7621 - #CDAB5E

Mélange HSV

#4B7621 - #CDAB5E | 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 #4B7621 0% et #CDAB5E 100%.

0.0%	0.0% #4A7621	RVB 74 118 33	#4A7621
16.7%	16.7% #628429	RVB 98 132 41	#628429
33.3%	33.3% #7C9331	RVB 124 147 49	#7C9331
50.0%	50.0% #97A13B	RVB 151 161 59	#97A13B
66.7%	66.7% #B0AC46	RVB 176 172 70	#B0AC46
83.3%	83.3% #BEAB51	RVB 190 171 81	#BEAB51
100.0%	100.0% #CDAB5E	RVB 205 171 94	#CDAB5E

#4A7621 #628429 #7C9331 #97A13B #B0AC46 #BEAB51 #CDAB5E

#4B7621 - #97A13B - #CDAB5E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A7621 0%, #97A13B 50%, #CDAB5E 100%);
    background: -webkit-linear-gradient(top, #4A7621 0%, #97A13B 50%, #CDAB5E 100%);
    background: linear-gradient(to bottom, #4A7621 0%, #97A13B 50%, #CDAB5E 100%);
}
</style>