#AA9F9A - #8C5A44 | 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 #AA9F9A à #8C5A44

#AA9F9A #8C5A44

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

#AA9F9A - #8C5A44 | 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 #AA9F9A 0% et #8C5A44 100%.

0.0%	0.0% #AA9F9A	RVB 170 159 154	#AA9F9A
16.7%	16.7% #A5938B	RVB 165 147 139	#A5938B
33.3%	33.3% #A0887D	RVB 160 136 125	#A0887D
50.0%	50.0% #9B7C6F	RVB 155 124 111	#9B7C6F
66.7%	66.7% #967160	RVB 150 113 96	#967160
83.3%	83.3% #916552	RVB 145 101 82	#916552
100.0%	100.0% #8C5A44	RVB 140 90 68	#8C5A44

#AA9F9A #A5938B #A0887D #9B7C6F #967160 #916552 #8C5A44

#AA9F9A - #8C5A44

Mélange HSV

#AA9F9A - #8C5A44 | 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 #AA9F9A 0% et #8C5A44 100%.

0.0%	0.0% #AA9F9A	RVB 170 159 154	#AA9F9A
16.7%	16.7% #A59289	RVB 165 146 137	#A59289
33.3%	33.3% #A0867A	RVB 160 134 122	#A0867A
50.0%	50.0% #9B7A6B	RVB 155 122 107	#9B7A6B
66.7%	66.7% #966F5D	RVB 150 111 93	#966F5D
83.3%	83.3% #916450	RVB 145 100 80	#916450
100.0%	100.0% #8C5A44	RVB 140 90 68	#8C5A44

#AA9F9A #A59289 #A0867A #9B7A6B #966F5D #916450 #8C5A44

#AA9F9A - #9B7A6B - #8C5A44

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA9F9A 0%, #9B7A6B 50%, #8C5A44 100%);
    background: -webkit-linear-gradient(top, #AA9F9A 0%, #9B7A6B 50%, #8C5A44 100%);
    background: linear-gradient(to bottom, #AA9F9A 0%, #9B7A6B 50%, #8C5A44 100%);
}
</style>