#AA9CAA - #534D5E | 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 #AA9CAA à #534D5E

#AA9CAA #534D5E

Calculez la couleur entre deux couleurs, #AA9CAA et #534D5E. 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)

#AA9CAA - #534D5E | 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 #AA9CAA 0% et #534D5E 100%.

0.0%	0.0% #AA9CAA	RVB 170 156 170	#AA9CAA
16.7%	16.7% #9B8E9D	RVB 155 142 157	#9B8E9D
33.3%	33.3% #8D8190	RVB 141 129 144	#8D8190
50.0%	50.0% #7E7484	RVB 126 116 132	#7E7484
66.7%	66.7% #706777	RVB 112 103 119	#706777
83.3%	83.3% #615A6A	RVB 97 90 106	#615A6A
100.0%	100.0% #534D5E	RVB 83 77 94	#534D5E

#AA9CAA #9B8E9D #8D8190 #7E7484 #706777 #615A6A #534D5E

#AA9CAA - #534D5E

Mélange HSV

#AA9CAA - #534D5E | 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 #AA9CAA 0% et #534D5E 100%.

0.0%	0.0% #AA9CAA	RVB 170 156 170	#AA9CAA
16.7%	16.7% #9B8D9D	RVB 155 141 157	#9B8D9D
33.3%	33.3% #8D8090	RVB 141 128 144	#8D8090
50.0%	50.0% #7E7284	RVB 126 114 132	#7E7284
66.7%	66.7% #6F6577	RVB 111 101 119	#6F6577
83.3%	83.3% #61596A	RVB 97 89 106	#61596A
100.0%	100.0% #534D5E	RVB 83 77 94	#534D5E

#AA9CAA #9B8D9D #8D8090 #7E7284 #6F6577 #61596A #534D5E

#AA9CAA - #7E7284 - #534D5E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA9CAA 0%, #7E7284 50%, #534D5E 100%);
    background: -webkit-linear-gradient(top, #AA9CAA 0%, #7E7284 50%, #534D5E 100%);
    background: linear-gradient(to bottom, #AA9CAA 0%, #7E7284 50%, #534D5E 100%);
}
</style>