#5E3E4C - #4A0725 | 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 #5E3E4C à #4A0725

#5E3E4C #4A0725

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

#5E3E4C - #4A0725 | 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 #5E3E4C 0% et #4A0725 100%.

0.0%	0.0% #5E3E4C	RVB 94 62 76	#5E3E4C
16.7%	16.7% #5A3445	RVB 90 52 69	#5A3445
33.3%	33.3% #572B3F	RVB 87 43 63	#572B3F
50.0%	50.0% #542238	RVB 84 34 56	#542238
66.7%	66.7% #501932	RVB 80 25 50	#501932
83.3%	83.3% #4D102B	RVB 77 16 43	#4D102B
100.0%	100.0% #4A0725	RVB 74 7 37	#4A0725

#5E3E4C #5A3445 #572B3F #542238 #501932 #4D102B #4A0725

#5E3E4C - #4A0725

Mélange HSV

#5E3E4C - #4A0725 | 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 #5E3E4C 0% et #4A0725 100%.

0.0%	0.0% #5E3E4C	RVB 94 62 76	#5E3E4C
16.7%	16.7% #5A3344	RVB 90 51 68	#5A3344
33.3%	33.3% #57293D	RVB 87 41 61	#57293D
50.0%	50.0% #541F36	RVB 84 31 54	#541F36
66.7%	66.7% #501630	RVB 80 22 48	#501630
83.3%	83.3% #4D0E2A	RVB 77 14 42	#4D0E2A
100.0%	100.0% #4A0725	RVB 74 7 37	#4A0725

#5E3E4C #5A3344 #57293D #541F36 #501630 #4D0E2A #4A0725

#5E3E4C - #541F36 - #4A0725

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E4C 0%, #541F36 50%, #4A0725 100%);
    background: -webkit-linear-gradient(top, #5E3E4C 0%, #541F36 50%, #4A0725 100%);
    background: linear-gradient(to bottom, #5E3E4C 0%, #541F36 50%, #4A0725 100%);
}
</style>