#5E2D4A - #8D7CA8 | 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 #5E2D4A à #8D7CA8

#5E2D4A #8D7CA8

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

#5E2D4A - #8D7CA8 | 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 #5E2D4A 0% et #8D7CA8 100%.

0.0%	0.0% #5E2D4A	RVB 94 45 74	#5E2D4A
16.7%	16.7% #653A59	RVB 101 58 89	#653A59
33.3%	33.3% #6D4769	RVB 109 71 105	#6D4769
50.0%	50.0% #755479	RVB 117 84 121	#755479
66.7%	66.7% #7D6188	RVB 125 97 136	#7D6188
83.3%	83.3% #856E98	RVB 133 110 152	#856E98
100.0%	100.0% #8D7CA8	RVB 141 124 168	#8D7CA8

#5E2D4A #653A59 #6D4769 #755479 #7D6188 #856E98 #8D7CA8

#5E2D4A - #8D7CA8

Mélange HSV

#5E2D4A - #8D7CA8 | 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 #5E2D4A 0% et #8D7CA8 100%.

0.0%	0.0% #5E2D4A	RVB 94 45 74	#5E2D4A
16.7%	16.7% #6A375E	RVB 106 55 94	#6A375E
33.3%	33.3% #764373	RVB 118 67 115	#764373
50.0%	50.0% #7D4F83	RVB 125 79 131	#7D4F83
66.7%	66.7% #815D8F	RVB 129 93 143	#815D8F
83.3%	83.3% #866C9B	RVB 134 108 155	#866C9B
100.0%	100.0% #8D7CA8	RVB 141 124 168	#8D7CA8

#5E2D4A #6A375E #764373 #7D4F83 #815D8F #866C9B #8D7CA8

#5E2D4A - #7D4F83 - #8D7CA8

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2D4A 0%, #7D4F83 50%, #8D7CA8 100%);
    background: -webkit-linear-gradient(top, #5E2D4A 0%, #7D4F83 50%, #8D7CA8 100%);
    background: linear-gradient(to bottom, #5E2D4A 0%, #7D4F83 50%, #8D7CA8 100%);
}
</style>