#9F5E9C - #E3D1E2 | 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 #9F5E9C à #E3D1E2

#9F5E9C #E3D1E2

Calculez la couleur entre deux couleurs, #9F5E9C et #E3D1E2. 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)

#9F5E9C - #E3D1E2 | 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 #9F5E9C 0% et #E3D1E2 100%.

0.0%	0.0% #9F5E9C	RVB 159 94 156	#9F5E9C
16.7%	16.7% #AA71A7	RVB 170 113 167	#AA71A7
33.3%	33.3% #B584B3	RVB 181 132 179	#B584B3
50.0%	50.0% #C197BF	RVB 193 151 191	#C197BF
66.7%	66.7% #CCAACA	RVB 204 170 202	#CCAACA
83.3%	83.3% #D7BDD6	RVB 215 189 214	#D7BDD6
100.0%	100.0% #E3D1E2	RVB 227 209 226	#E3D1E2

#9F5E9C #AA71A7 #B584B3 #C197BF #CCAACA #D7BDD6 #E3D1E2

#9F5E9C - #E3D1E2

Mélange HSV

#9F5E9C - #E3D1E2 | 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 #9F5E9C 0% et #E3D1E2 100%.

0.0%	0.0% #9F5E9C	RVB 159 94 156	#9F5E9C
16.7%	16.7% #AA6EA7	RVB 170 110 167	#AA6EA7
33.3%	33.3% #B57FB2	RVB 181 127 178	#B57FB2
50.0%	50.0% #C191BE	RVB 193 145 190	#C191BE
66.7%	66.7% #CCA5CA	RVB 204 165 202	#CCA5CA
83.3%	83.3% #D7BAD6	RVB 215 186 214	#D7BAD6
100.0%	100.0% #E3D1E2	RVB 227 209 226	#E3D1E2

#9F5E9C #AA6EA7 #B57FB2 #C191BE #CCA5CA #D7BAD6 #E3D1E2

#9F5E9C - #C191BE - #E3D1E2

Codes CSS

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

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