#3E3C0C - #AA7C2B | 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 #3E3C0C à #AA7C2B

#3E3C0C #AA7C2B

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

#3E3C0C - #AA7C2B | 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 #3E3C0C 0% et #AA7C2B 100%.

0.0%	0.0% #3E3C0C	RVB 62 60 12	#3E3C0C
16.7%	16.7% #504611	RVB 80 70 17	#504611
33.3%	33.3% #625116	RVB 98 81 22	#625116
50.0%	50.0% #745C1B	RVB 116 92 27	#745C1B
66.7%	66.7% #866620	RVB 134 102 32	#866620
83.3%	83.3% #987125	RVB 152 113 37	#987125
100.0%	100.0% #AA7C2B	RVB 170 124 43	#AA7C2B

#3E3C0C #504611 #625116 #745C1B #866620 #987125 #AA7C2B

#3E3C0C - #AA7C2B

Mélange HSV

#3E3C0C - #AA7C2B | 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 #3E3C0C 0% et #AA7C2B 100%.

0.0%	0.0% #3E3C0C	RVB 62 60 12	#3E3C0C
16.7%	16.7% #504A10	RVB 80 74 16	#504A10
33.3%	33.3% #625614	RVB 98 86 20	#625614
50.0%	50.0% #746119	RVB 116 97 25	#746119
66.7%	66.7% #866B1F	RVB 134 107 31	#866B1F
83.3%	83.3% #987424	RVB 152 116 36	#987424
100.0%	100.0% #AA7C2B	RVB 170 124 43	#AA7C2B

#3E3C0C #504A10 #625614 #746119 #866B1F #987424 #AA7C2B

#3E3C0C - #746119 - #AA7C2B

Codes CSS

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

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