#AA6FA9 - #E6D5E6 | 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 #AA6FA9 à #E6D5E6

#AA6FA9 #E6D5E6

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

#AA6FA9 - #E6D5E6 | 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 #AA6FA9 0% et #E6D5E6 100%.

0.0%	0.0% #AA6FA9	RVB 170 111 169	#AA6FA9
16.7%	16.7% #B480B3	RVB 180 128 179	#B480B3
33.3%	33.3% #BE91BD	RVB 190 145 189	#BE91BD
50.0%	50.0% #C8A2C7	RVB 200 162 199	#C8A2C7
66.7%	66.7% #D2B3D1	RVB 210 179 209	#D2B3D1
83.3%	83.3% #DCC4DB	RVB 220 196 219	#DCC4DB
100.0%	100.0% #E6D5E6	RVB 230 213 230	#E6D5E6

#AA6FA9 #B480B3 #BE91BD #C8A2C7 #D2B3D1 #DCC4DB #E6D5E6

#AA6FA9 - #E6D5E6

Mélange HSV

#AA6FA9 - #E6D5E6 | 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 #AA6FA9 0% et #E6D5E6 100%.

0.0%	0.0% #AA6FA8	RVB 170 111 168	#AA6FA8
16.7%	16.7% #B47DB3	RVB 180 125 179	#B47DB3
33.3%	33.3% #BE8DBD	RVB 190 141 189	#BE8DBD
50.0%	50.0% #C89DC7	RVB 200 157 199	#C89DC7
66.7%	66.7% #D2AFD1	RVB 210 175 209	#D2AFD1
83.3%	83.3% #DCC1DB	RVB 220 193 219	#DCC1DB
100.0%	100.0% #E6D5E6	RVB 230 213 230	#E6D5E6

#AA6FA8 #B47DB3 #BE8DBD #C89DC7 #D2AFD1 #DCC1DB #E6D5E6

#AA6FA9 - #C89DC7 - #E6D5E6

Codes CSS

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

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