#AA6F9F - #E6D5E3 | 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 #AA6F9F à #E6D5E3

#AA6F9F #E6D5E3

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

#AA6F9F - #E6D5E3 | 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 #AA6F9F 0% et #E6D5E3 100%.

0.0%	0.0% #AA6F9F	RVB 170 111 159	#AA6F9F
16.7%	16.7% #B480AA	RVB 180 128 170	#B480AA
33.3%	33.3% #BE91B5	RVB 190 145 181	#BE91B5
50.0%	50.0% #C8A2C1	RVB 200 162 193	#C8A2C1
66.7%	66.7% #D2B3CC	RVB 210 179 204	#D2B3CC
83.3%	83.3% #DCC4D7	RVB 220 196 215	#DCC4D7
100.0%	100.0% #E6D5E3	RVB 230 213 227	#E6D5E3

#AA6F9F #B480AA #BE91B5 #C8A2C1 #D2B3CC #DCC4D7 #E6D5E3

#AA6F9F - #E6D5E3

Mélange HSV

#AA6F9F - #E6D5E3 | 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 #AA6F9F 0% et #E6D5E3 100%.

0.0%	0.0% #AA6F9F	RVB 170 111 159	#AA6F9F
16.7%	16.7% #B47DA9	RVB 180 125 169	#B47DA9
33.3%	33.3% #BE8DB5	RVB 190 141 181	#BE8DB5
50.0%	50.0% #C89DC0	RVB 200 157 192	#C89DC0
66.7%	66.7% #D2AFCB	RVB 210 175 203	#D2AFCB
83.3%	83.3% #DCC1D7	RVB 220 193 215	#DCC1D7
100.0%	100.0% #E6D5E3	RVB 230 213 227	#E6D5E3

#AA6F9F #B47DA9 #BE8DB5 #C89DC0 #D2AFCB #DCC1D7 #E6D5E3

#AA6F9F - #C89DC0 - #E6D5E3

Codes CSS

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

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