#9F7CCC - #E2D9F0 | 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 #9F7CCC à #E2D9F0

#9F7CCC #E2D9F0

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

#9F7CCC - #E2D9F0 | 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 #9F7CCC 0% et #E2D9F0 100%.

0.0%	0.0% #9F7CCC	RVB 159 124 204	#9F7CCC
16.7%	16.7% #AA8BD2	RVB 170 139 210	#AA8BD2
33.3%	33.3% #B59BD8	RVB 181 155 216	#B59BD8
50.0%	50.0% #C0AADE	RVB 192 170 222	#C0AADE
66.7%	66.7% #CBBAE4	RVB 203 186 228	#CBBAE4
83.3%	83.3% #D6C9EA	RVB 214 201 234	#D6C9EA
100.0%	100.0% #E2D9F0	RVB 226 217 240	#E2D9F0

#9F7CCC #AA8BD2 #B59BD8 #C0AADE #CBBAE4 #D6C9EA #E2D9F0

#9F7CCC - #E2D9F0

Mélange HSV

#9F7CCC - #E2D9F0 | 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 #9F7CCC 0% et #E2D9F0 100%.

0.0%	0.0% #9F7CCC	RVB 159 124 204	#9F7CCC
16.7%	16.7% #A88AD2	RVB 168 138 210	#A88AD2
33.3%	33.3% #B398D8	RVB 179 152 216	#B398D8
50.0%	50.0% #BEA7DE	RVB 190 167 222	#BEA7DE
66.7%	66.7% #C9B7E4	RVB 201 183 228	#C9B7E4
83.3%	83.3% #D5C8EA	RVB 213 200 234	#D5C8EA
100.0%	100.0% #E2D9F0	RVB 226 217 240	#E2D9F0

#9F7CCC #A88AD2 #B398D8 #BEA7DE #C9B7E4 #D5C8EA #E2D9F0

#9F7CCC - #BEA7DE - #E2D9F0

Codes CSS

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

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