#5B5E3E - #2D3607 | 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 #5B5E3E à #2D3607

#5B5E3E #2D3607

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

#5B5E3E - #2D3607 | 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 #5B5E3E 0% et #2D3607 100%.

0.0%	0.0% #5B5E3E	RVB 91 94 62	#5B5E3E
16.7%	16.7% #535734	RVB 83 87 52	#535734
33.3%	33.3% #4B502B	RVB 75 80 43	#4B502B
50.0%	50.0% #444A22	RVB 68 74 34	#444A22
66.7%	66.7% #3C4319	RVB 60 67 25	#3C4319
83.3%	83.3% #343C10	RVB 52 60 16	#343C10
100.0%	100.0% #2D3607	RVB 45 54 7	#2D3607

#5B5E3E #535734 #4B502B #444A22 #3C4319 #343C10 #2D3607

#5B5E3E - #2D3607

Mélange HSV

#5B5E3E - #2D3607 | 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 #5B5E3E 0% et #2D3607 100%.

0.0%	0.0% #5B5E3E	RVB 91 94 62	#5B5E3E
16.7%	16.7% #535731	RVB 83 87 49	#535731
33.3%	33.3% #4B5026	RVB 75 80 38	#4B5026
50.0%	50.0% #434A1D	RVB 67 74 29	#434A1D
66.7%	66.7% #3B4314	RVB 59 67 20	#3B4314
83.3%	83.3% #343C0D	RVB 52 60 13	#343C0D
100.0%	100.0% #2D3607	RVB 45 54 7	#2D3607

#5B5E3E #535731 #4B5026 #434A1D #3B4314 #343C0D #2D3607

#5B5E3E - #434A1D - #2D3607

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B5E3E 0%, #434A1D 50%, #2D3607 100%);
    background: -webkit-linear-gradient(top, #5B5E3E 0%, #434A1D 50%, #2D3607 100%);
    background: linear-gradient(to bottom, #5B5E3E 0%, #434A1D 50%, #2D3607 100%);
}
</style>