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

#9F5E9C #A2B9D3

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

0.0%	0.0% #9F5E9C	RVB 159 94 156	#9F5E9C
16.7%	16.7% #9F6DA5	RVB 159 109 165	#9F6DA5
33.3%	33.3% #A07CAE	RVB 160 124 174	#A07CAE
50.0%	50.0% #A08BB7	RVB 160 139 183	#A08BB7
66.7%	66.7% #A19AC0	RVB 161 154 192	#A19AC0
83.3%	83.3% #A1A9C9	RVB 161 169 201	#A1A9C9
100.0%	100.0% #A2B9D3	RVB 162 185 211	#A2B9D3

#9F5E9C #9F6DA5 #A07CAE #A08BB7 #A19AC0 #A1A9C9 #A2B9D3

#9F5E9C - #A2B9D3

Mélange HSV

#9F5E9C - #A2B9D3 | 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 #A2B9D3 100%.

0.0%	0.0% #9F5E9C	RVB 159 94 156	#9F5E9C
16.7%	16.7% #9A68A7	RVB 154 104 167	#9A68A7
33.3%	33.3% #9472B0	RVB 148 114 176	#9472B0
50.0%	50.0% #8E7DB9	RVB 142 125 185	#8E7DB9
66.7%	66.7% #8B89C1	RVB 139 137 193	#8B89C1
83.3%	83.3% #95A0CA	RVB 149 160 202	#95A0CA
100.0%	100.0% #A2B9D3	RVB 162 185 211	#A2B9D3

#9F5E9C #9A68A7 #9472B0 #8E7DB9 #8B89C1 #95A0CA #A2B9D3

#9F5E9C - #8E7DB9 - #A2B9D3

Codes CSS

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

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