#5E5E2D - #3F3506 | 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 #5E5E2D à #3F3506

#5E5E2D #3F3506

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

#5E5E2D - #3F3506 | 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 #5E5E2D 0% et #3F3506 100%.

0.0%	0.0% #5E5E2D	RVB 94 94 45	#5E5E2D
16.7%	16.7% #585726	RVB 88 87 38	#585726
33.3%	33.3% #535020	RVB 83 80 32	#535020
50.0%	50.0% #4E4919	RVB 78 73 25	#4E4919
66.7%	66.7% #494213	RVB 73 66 19	#494213
83.3%	83.3% #443B0C	RVB 68 59 12	#443B0C
100.0%	100.0% #3F3506	RVB 63 53 6	#3F3506

#5E5E2D #585726 #535020 #4E4919 #494213 #443B0C #3F3506

#5E5E2D - #3F3506

Mélange HSV

#5E5E2D - #3F3506 | 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 #5E5E2D 0% et #3F3506 100%.

0.0%	0.0% #5E5E2D	RVB 94 94 45	#5E5E2D
16.7%	16.7% #585724	RVB 88 87 36	#585724
33.3%	33.3% #53501D	RVB 83 80 29	#53501D
50.0%	50.0% #4E4916	RVB 78 73 22	#4E4916
66.7%	66.7% #494210	RVB 73 66 16	#494210
83.3%	83.3% #443B0A	RVB 68 59 10	#443B0A
100.0%	100.0% #3F3506	RVB 63 53 6	#3F3506

#5E5E2D #585724 #53501D #4E4916 #494210 #443B0A #3F3506

#5E5E2D - #4E4916 - #3F3506

Codes CSS

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

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