#5E4D3C - #1C0816 | 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 #5E4D3C à #1C0816

#5E4D3C #1C0816

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

#5E4D3C - #1C0816 | 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 #5E4D3C 0% et #1C0816 100%.

0.0%	0.0% #5E4D3C	RVB 94 77 60	#5E4D3C
16.7%	16.7% #534135	RVB 83 65 53	#534135
33.3%	33.3% #48362F	RVB 72 54 47	#48362F
50.0%	50.0% #3D2A29	RVB 61 42 41	#3D2A29
66.7%	66.7% #321F22	RVB 50 31 34	#321F22
83.3%	83.3% #27131C	RVB 39 19 28	#27131C
100.0%	100.0% #1C0816	RVB 28 8 22	#1C0816

#5E4D3C #534135 #48362F #3D2A29 #321F22 #27131C #1C0816

#5E4D3C - #1C0816

Mélange HSV

#5E4D3C - #1C0816 | 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 #5E4D3C 0% et #1C0816 100%.

0.0%	0.0% #5E4D3C	RVB 94 77 60	#5E4D3C
16.7%	16.7% #533A30	RVB 83 58 48	#533A30
33.3%	33.3% #482825	RVB 72 40 37	#482825
50.0%	50.0% #3D1C1F	RVB 61 28 31	#3D1C1F
66.7%	66.7% #32141D	RVB 50 20 29	#32141D
83.3%	83.3% #270D1A	RVB 39 13 26	#270D1A
100.0%	100.0% #1C0816	RVB 28 8 22	#1C0816

#5E4D3C #533A30 #482825 #3D1C1F #32141D #270D1A #1C0816

#5E4D3C - #3D1C1F - #1C0816

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4D3C 0%, #3D1C1F 50%, #1C0816 100%);
    background: -webkit-linear-gradient(top, #5E4D3C 0%, #3D1C1F 50%, #1C0816 100%);
    background: linear-gradient(to bottom, #5E4D3C 0%, #3D1C1F 50%, #1C0816 100%);
}
</style>