#AA35AD - #E6C5E7 | 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 #AA35AD à #E6C5E7

#AA35AD #E6C5E7

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

#AA35AD - #E6C5E7 | 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 #AA35AD 0% et #E6C5E7 100%.

0.0%	0.0% #AA35AD	RVB 170 53 173	#AA35AD
16.7%	16.7% #B44DB6	RVB 180 77 182	#B44DB6
33.3%	33.3% #BE65C0	RVB 190 101 192	#BE65C0
50.0%	50.0% #C87DCA	RVB 200 125 202	#C87DCA
66.7%	66.7% #D295D3	RVB 210 149 211	#D295D3
83.3%	83.3% #DCADDD	RVB 220 173 221	#DCADDD
100.0%	100.0% #E6C5E7	RVB 230 197 231	#E6C5E7

#AA35AD #B44DB6 #BE65C0 #C87DCA #D295D3 #DCADDD #E6C5E7

#AA35AD - #E6C5E7

Mélange HSV

#AA35AD - #E6C5E7 | 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 #AA35AD 0% et #E6C5E7 100%.

0.0%	0.0% #A935AD	RVB 169 53 173	#A935AD
16.7%	16.7% #B348B6	RVB 179 72 182	#B348B6
33.3%	33.3% #BD5DC0	RVB 189 93 192	#BD5DC0
50.0%	50.0% #C775CA	RVB 199 117 202	#C775CA
66.7%	66.7% #D18DD3	RVB 209 141 211	#D18DD3
83.3%	83.3% #DBA8DD	RVB 219 168 221	#DBA8DD
100.0%	100.0% #E6C5E7	RVB 230 197 231	#E6C5E7

#A935AD #B348B6 #BD5DC0 #C775CA #D18DD3 #DBA8DD #E6C5E7

#AA35AD - #C775CA - #E6C5E7

Codes CSS

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

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