#AA8B5E - #D9A8D4 | 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 #AA8B5E à #D9A8D4

#AA8B5E #D9A8D4

Calculez la couleur entre deux couleurs, #AA8B5E et #D9A8D4. 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)

#AA8B5E - #D9A8D4 | 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 #AA8B5E 0% et #D9A8D4 100%.

0.0%	0.0% #AA8B5E	RVB 170 139 94	#AA8B5E
16.7%	16.7% #B18F71	RVB 177 143 113	#B18F71
33.3%	33.3% #B99485	RVB 185 148 133	#B99485
50.0%	50.0% #C19999	RVB 193 153 153	#C19999
66.7%	66.7% #C99EAC	RVB 201 158 172	#C99EAC
83.3%	83.3% #D1A3C0	RVB 209 163 192	#D1A3C0
100.0%	100.0% #D9A8D4	RVB 217 168 212	#D9A8D4

#AA8B5E #B18F71 #B99485 #C19999 #C99EAC #D1A3C0 #D9A8D4

#AA8B5E - #D9A8D4

Mélange HSV

#AA8B5E - #D9A8D4 | 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 #AA8B5E 0% et #D9A8D4 100%.

0.0%	0.0% #AA8B5E	RVB 170 139 94	#AA8B5E
16.7%	16.7% #B18168	RVB 177 129 104	#B18168
33.3%	33.3% #B97A74	RVB 185 122 116	#B97A74
50.0%	50.0% #C1808A	RVB 193 128 138	#C1808A
66.7%	66.7% #C98DA5	RVB 201 141 165	#C98DA5
83.3%	83.3% #D19ABD	RVB 209 154 189	#D19ABD
100.0%	100.0% #D9A8D4	RVB 217 168 212	#D9A8D4

#AA8B5E #B18168 #B97A74 #C1808A #C98DA5 #D19ABD #D9A8D4

#AA8B5E - #C1808A - #D9A8D4

Codes CSS

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

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