#AA6C5E - #832F18 | 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 #AA6C5E à #832F18

#AA6C5E #832F18

Calculez la couleur entre deux couleurs, #AA6C5E et #832F18. 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)

#AA6C5E - #832F18 | 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 #AA6C5E 0% et #832F18 100%.

0.0%	0.0% #AA6C5E	RVB 170 108 94	#AA6C5E
16.7%	16.7% #A36152	RVB 163 97 82	#A36152
33.3%	33.3% #9D5746	RVB 157 87 70	#9D5746
50.0%	50.0% #964D3B	RVB 150 77 59	#964D3B
66.7%	66.7% #90432F	RVB 144 67 47	#90432F
83.3%	83.3% #893923	RVB 137 57 35	#893923
100.0%	100.0% #832F18	RVB 131 47 24	#832F18

#AA6C5E #A36152 #9D5746 #964D3B #90432F #893923 #832F18

#AA6C5E - #832F18

Mélange HSV

#AA6C5E - #832F18 | 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 #AA6C5E 0% et #832F18 100%.

0.0%	0.0% #AA6C5E	RVB 170 108 94	#AA6C5E
16.7%	16.7% #A36050	RVB 163 96 80	#A36050
33.3%	33.3% #9D5443	RVB 157 84 67	#9D5443
50.0%	50.0% #964A37	RVB 150 74 55	#964A37
66.7%	66.7% #90402C	RVB 144 64 44	#90402C
83.3%	83.3% #893721	RVB 137 55 33	#893721
100.0%	100.0% #832F18	RVB 131 47 24	#832F18

#AA6C5E #A36050 #9D5443 #964A37 #90402C #893721 #832F18

#AA6C5E - #964A37 - #832F18

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA6C5E 0%, #964A37 50%, #832F18 100%);
    background: -webkit-linear-gradient(top, #AA6C5E 0%, #964A37 50%, #832F18 100%);
    background: linear-gradient(to bottom, #AA6C5E 0%, #964A37 50%, #832F18 100%);
}
</style>