#5E4E46 - #4E2509 | 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 #5E4E46 à #4E2509

#5E4E46 #4E2509

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

#5E4E46 - #4E2509 | 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 #5E4E46 0% et #4E2509 100%.

0.0%	0.0% #5E4E46	RVB 94 78 70	#5E4E46
16.7%	16.7% #5B473B	RVB 91 71 59	#5B473B
33.3%	33.3% #584031	RVB 88 64 49	#584031
50.0%	50.0% #563927	RVB 86 57 39	#563927
66.7%	66.7% #53321D	RVB 83 50 29	#53321D
83.3%	83.3% #502B13	RVB 80 43 19	#502B13
100.0%	100.0% #4E2509	RVB 78 37 9	#4E2509

#5E4E46 #5B473B #584031 #563927 #53321D #502B13 #4E2509

#5E4E46 - #4E2509

Mélange HSV

#5E4E46 - #4E2509 | 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 #5E4E46 0% et #4E2509 100%.

0.0%	0.0% #5E4E46	RVB 94 78 70	#5E4E46
16.7%	16.7% #5B453A	RVB 91 69 58	#5B453A
33.3%	33.3% #583E2F	RVB 88 62 47	#583E2F
50.0%	50.0% #563724	RVB 86 55 36	#563724
66.7%	66.7% #53301B	RVB 83 48 27	#53301B
83.3%	83.3% #502A11	RVB 80 42 17	#502A11
100.0%	100.0% #4E2509	RVB 78 37 9	#4E2509

#5E4E46 #5B453A #583E2F #563724 #53301B #502A11 #4E2509

#5E4E46 - #563724 - #4E2509

Codes CSS

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

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