#5E3C5E - #161418 | 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 #5E3C5E à #161418

#5E3C5E #161418

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

#5E3C5E - #161418 | 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 #5E3C5E 0% et #161418 100%.

0.0%	0.0% #5E3C5E	RVB 94 60 94	#5E3C5E
16.7%	16.7% #523552	RVB 82 53 82	#523552
33.3%	33.3% #462E46	RVB 70 46 70	#462E46
50.0%	50.0% #3A283B	RVB 58 40 59	#3A283B
66.7%	66.7% #2E212F	RVB 46 33 47	#2E212F
83.3%	83.3% #221A23	RVB 34 26 35	#221A23
100.0%	100.0% #161418	RVB 22 20 24	#161418

#5E3C5E #523552 #462E46 #3A283B #2E212F #221A23 #161418

#5E3C5E - #161418

Mélange HSV

#5E3C5E - #161418 | 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 #5E3C5E 0% et #161418 100%.

0.0%	0.0% #5D3C5E	RVB 93 60 94	#5D3C5E
16.7%	16.7% #503752	RVB 80 55 82	#503752
33.3%	33.3% #433146	RVB 67 49 70	#433146
50.0%	50.0% #372B3B	RVB 55 43 59	#372B3B
66.7%	66.7% #2B242F	RVB 43 36 47	#2B242F
83.3%	83.3% #201C23	RVB 32 28 35	#201C23
100.0%	100.0% #161418	RVB 22 20 24	#161418

#5D3C5E #503752 #433146 #372B3B #2B242F #201C23 #161418

#5E3C5E - #372B3B - #161418

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D3C5E 0%, #372B3B 50%, #161418 100%);
    background: -webkit-linear-gradient(top, #5D3C5E 0%, #372B3B 50%, #161418 100%);
    background: linear-gradient(to bottom, #5D3C5E 0%, #372B3B 50%, #161418 100%);
}
</style>