#5E3E5E - #171519 | 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 #5E3E5E à #171519

#5E3E5E #171519

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

#5E3E5E - #171519 | 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 #5E3E5E 0% et #171519 100%.

0.0%	0.0% #5E3E5E	RVB 94 62 94	#5E3E5E
16.7%	16.7% #523752	RVB 82 55 82	#523752
33.3%	33.3% #463047	RVB 70 48 71	#463047
50.0%	50.0% #3A293B	RVB 58 41 59	#3A293B
66.7%	66.7% #2E2230	RVB 46 34 48	#2E2230
83.3%	83.3% #221B24	RVB 34 27 36	#221B24
100.0%	100.0% #171519	RVB 23 21 25	#171519

#5E3E5E #523752 #463047 #3A293B #2E2230 #221B24 #171519

#5E3E5E - #171519

Mélange HSV

#5E3E5E - #171519 | 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 #5E3E5E 0% et #171519 100%.

0.0%	0.0% #5D3E5E	RVB 93 62 94	#5D3E5E
16.7%	16.7% #503852	RVB 80 56 82	#503852
33.3%	33.3% #433347	RVB 67 51 71	#433347
50.0%	50.0% #372C3B	RVB 55 44 59	#372C3B
66.7%	66.7% #2C2530	RVB 44 37 48	#2C2530
83.3%	83.3% #211D24	RVB 33 29 36	#211D24
100.0%	100.0% #171519	RVB 23 21 25	#171519

#5D3E5E #503852 #433347 #372C3B #2C2530 #211D24 #171519

#5E3E5E - #372C3B - #171519

Codes CSS

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

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