#A4909C - #8C3A5E | 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 #A4909C à #8C3A5E

#A4909C #8C3A5E

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

#A4909C - #8C3A5E | 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 #A4909C 0% et #8C3A5E 100%.

0.0%	0.0% #A4909C	RVB 164 144 156	#A4909C
16.7%	16.7% #A08191	RVB 160 129 145	#A08191
33.3%	33.3% #9C7387	RVB 156 115 135	#9C7387
50.0%	50.0% #98657D	RVB 152 101 125	#98657D
66.7%	66.7% #945672	RVB 148 86 114	#945672
83.3%	83.3% #904868	RVB 144 72 104	#904868
100.0%	100.0% #8C3A5E	RVB 140 58 94	#8C3A5E

#A4909C #A08191 #9C7387 #98657D #945672 #904868 #8C3A5E

#A4909C - #8C3A5E

Mélange HSV

#A4909C - #8C3A5E | 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 #A4909C 0% et #8C3A5E 100%.

0.0%	0.0% #A4909C	RVB 164 144 156	#A4909C
16.7%	16.7% #A08092	RVB 160 128 146	#A08092
33.3%	33.3% #9C7088	RVB 156 112 136	#9C7088
50.0%	50.0% #98627E	RVB 152 98 126	#98627E
66.7%	66.7% #945473	RVB 148 84 115	#945473
83.3%	83.3% #904668	RVB 144 70 104	#904668
100.0%	100.0% #8C3A5E	RVB 140 58 94	#8C3A5E

#A4909C #A08092 #9C7088 #98627E #945473 #904668 #8C3A5E

#A4909C - #98627E - #8C3A5E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A4909C 0%, #98627E 50%, #8C3A5E 100%);
    background: -webkit-linear-gradient(top, #A4909C 0%, #98627E 50%, #8C3A5E 100%);
    background: linear-gradient(to bottom, #A4909C 0%, #98627E 50%, #8C3A5E 100%);
}
</style>