#5E3E4A - #4D0719 | 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 #5E3E4A à #4D0719

#5E3E4A #4D0719

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

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

0.0%	0.0% #5E3E4A	RVB 94 62 74	#5E3E4A
16.7%	16.7% #5B3441	RVB 91 52 65	#5B3441
33.3%	33.3% #582B39	RVB 88 43 57	#582B39
50.0%	50.0% #552231	RVB 85 34 49	#552231
66.7%	66.7% #521929	RVB 82 25 41	#521929
83.3%	83.3% #4F1021	RVB 79 16 33	#4F1021
100.0%	100.0% #4D0719	RVB 77 7 25	#4D0719

#5E3E4A #5B3441 #582B39 #552231 #521929 #4F1021 #4D0719

#5E3E4A - #4D0719

Mélange HSV

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

0.0%	0.0% #5E3E4A	RVB 94 62 74	#5E3E4A
16.7%	16.7% #5B3341	RVB 91 51 65	#5B3341
33.3%	33.3% #582939	RVB 88 41 57	#582939
50.0%	50.0% #552030	RVB 85 32 48	#552030
66.7%	66.7% #521728	RVB 82 23 40	#521728
83.3%	83.3% #4F0E20	RVB 79 14 32	#4F0E20
100.0%	100.0% #4D0719	RVB 77 7 25	#4D0719

#5E3E4A #5B3341 #582939 #552030 #521728 #4F0E20 #4D0719

#5E3E4A - #552030 - #4D0719

Codes CSS

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

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