#5E3E5B - #8165B9 | 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 #5E3E5B à #8165B9

#5E3E5B #8165B9

Calculez la couleur entre deux couleurs, #5E3E5B et #8165B9. 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)

#5E3E5B - #8165B9 | 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 #5E3E5B 0% et #8165B9 100%.

0.0%	0.0% #5E3E5B	RVB 94 62 91	#5E3E5B
16.7%	16.7% #63446A	RVB 99 68 106	#63446A
33.3%	33.3% #694B7A	RVB 105 75 122	#694B7A
50.0%	50.0% #6F518A	RVB 111 81 138	#6F518A
66.7%	66.7% #755899	RVB 117 88 153	#755899
83.3%	83.3% #7B5EA9	RVB 123 94 169	#7B5EA9
100.0%	100.0% #8165B9	RVB 129 101 185	#8165B9

#5E3E5B #63446A #694B7A #6F518A #755899 #7B5EA9 #8165B9

#5E3E5B - #8165B9

Mélange HSV

#5E3E5B - #8165B9 | 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 #5E3E5B 0% et #8165B9 100%.

0.0%	0.0% #5E3E5B	RVB 94 62 91	#5E3E5B
16.7%	16.7% #6B456D	RVB 107 69 109	#6B456D
33.3%	33.3% #744D7C	RVB 116 77 124	#744D7C
50.0%	50.0% #7B548B	RVB 123 84 139	#7B548B
66.7%	66.7% #805A9A	RVB 128 90 154	#805A9A
83.3%	83.3% #815FA9	RVB 129 95 169	#815FA9
100.0%	100.0% #8165B9	RVB 129 101 185	#8165B9

#5E3E5B #6B456D #744D7C #7B548B #805A9A #815FA9 #8165B9

#5E3E5B - #7B548B - #8165B9

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E5B 0%, #7B548B 50%, #8165B9 100%);
    background: -webkit-linear-gradient(top, #5E3E5B 0%, #7B548B 50%, #8165B9 100%);
    background: linear-gradient(to bottom, #5E3E5B 0%, #7B548B 50%, #8165B9 100%);
}
</style>