#8F5E7B - #FF79F0 | 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 #8F5E7B à #FF79F0

#8F5E7B #FF79F0

Calculez la couleur entre deux couleurs, #8F5E7B et #FF79F0. 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)

#8F5E7B - #FF79F0 | 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 #8F5E7B 0% et #FF79F0 100%.

0.0%	0.0% #8F5E7B	RVB 143 94 123	#8F5E7B
16.7%	16.7% #A1628E	RVB 161 98 142	#A1628E
33.3%	33.3% #B467A2	RVB 180 103 162	#B467A2
50.0%	50.0% #C76BB5	RVB 199 107 181	#C76BB5
66.7%	66.7% #D970C9	RVB 217 112 201	#D970C9
83.3%	83.3% #EC74DC	RVB 236 116 220	#EC74DC
100.0%	100.0% #FF79F0	RVB 255 121 240	#FF79F0

#8F5E7B #A1628E #B467A2 #C76BB5 #D970C9 #EC74DC #FF79F0

#8F5E7B - #FF79F0

Mélange HSV

#8F5E7B - #FF79F0 | 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 #8F5E7B 0% et #FF79F0 100%.

0.0%	0.0% #8F5E7B	RVB 143 94 123	#8F5E7B
16.7%	16.7% #A1658C	RVB 161 101 140	#A1658C
33.3%	33.3% #B46B9D	RVB 180 107 157	#B46B9D
50.0%	50.0% #C770B0	RVB 199 112 176	#C770B0
66.7%	66.7% #D974C4	RVB 217 116 196	#D974C4
83.3%	83.3% #EC77D9	RVB 236 119 217	#EC77D9
100.0%	100.0% #FF79F0	RVB 255 121 240	#FF79F0

#8F5E7B #A1658C #B46B9D #C770B0 #D974C4 #EC77D9 #FF79F0

#8F5E7B - #C770B0 - #FF79F0

Codes CSS

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

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