#5E1B5E - #C8566C | 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 #5E1B5E à #C8566C

#5E1B5E #C8566C

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

#5E1B5E - #C8566C | 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 #5E1B5E 0% et #C8566C 100%.

0.0%	0.0% #5E1B5E	RVB 94 27 94	#5E1B5E
16.7%	16.7% #6F2460	RVB 111 36 96	#6F2460
33.3%	33.3% #812E62	RVB 129 46 98	#812E62
50.0%	50.0% #933865	RVB 147 56 101	#933865
66.7%	66.7% #A44267	RVB 164 66 103	#A44267
83.3%	83.3% #B64C69	RVB 182 76 105	#B64C69
100.0%	100.0% #C8566C	RVB 200 86 108	#C8566C

#5E1B5E #6F2460 #812E62 #933865 #A44267 #B64C69 #C8566C

#5E1B5E - #C8566C

Mélange HSV

#5E1B5E - #C8566C | 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 #5E1B5E 0% et #C8566C 100%.

0.0%	0.0% #5D1B5E	RVB 93 27 94	#5D1B5E
16.7%	16.7% #6F2265	RVB 111 34 101	#6F2265
33.3%	33.3% #812B6A	RVB 129 43 106	#812B6A
50.0%	50.0% #93346C	RVB 147 52 108	#93346C
66.7%	66.7% #A43E6D	RVB 164 62 109	#A43E6D
83.3%	83.3% #B64A6D	RVB 182 74 109	#B64A6D
100.0%	100.0% #C8566C	RVB 200 86 108	#C8566C

#5D1B5E #6F2265 #812B6A #93346C #A43E6D #B64A6D #C8566C

#5E1B5E - #93346C - #C8566C

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D1B5E 0%, #93346C 50%, #C8566C 100%);
    background: -webkit-linear-gradient(top, #5D1B5E 0%, #93346C 50%, #C8566C 100%);
    background: linear-gradient(to bottom, #5D1B5E 0%, #93346C 50%, #C8566C 100%);
}
</style>