#AE9A8C - #8D5738 | 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 #AE9A8C à #8D5738

#AE9A8C #8D5738

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

#AE9A8C - #8D5738 | 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 #AE9A8C 0% et #8D5738 100%.

0.0%	0.0% #AE9A8C	RVB 174 154 140	#AE9A8C
16.7%	16.7% #A88E7E	RVB 168 142 126	#A88E7E
33.3%	33.3% #A38370	RVB 163 131 112	#A38370
50.0%	50.0% #9D7862	RVB 157 120 98	#9D7862
66.7%	66.7% #986D54	RVB 152 109 84	#986D54
83.3%	83.3% #926246	RVB 146 98 70	#926246
100.0%	100.0% #8D5738	RVB 141 87 56	#8D5738

#AE9A8C #A88E7E #A38370 #9D7862 #986D54 #926246 #8D5738

#AE9A8C - #8D5738

Mélange HSV

#AE9A8C - #8D5738 | 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 #AE9A8C 0% et #8D5738 100%.

0.0%	0.0% #AE9A8C	RVB 174 154 140	#AE9A8C
16.7%	16.7% #A88E7C	RVB 168 142 124	#A88E7C
33.3%	33.3% #A3826D	RVB 163 130 109	#A3826D
50.0%	50.0% #9D775E	RVB 157 119 94	#9D775E
66.7%	66.7% #986C51	RVB 152 108 81	#986C51
83.3%	83.3% #926144	RVB 146 97 68	#926144
100.0%	100.0% #8D5738	RVB 141 87 56	#8D5738

#AE9A8C #A88E7C #A3826D #9D775E #986C51 #926144 #8D5738

#AE9A8C - #9D775E - #8D5738

Codes CSS

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

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