#5E543D - #D49B5E | 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 #5E543D à #D49B5E

#5E543D #D49B5E

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

#5E543D - #D49B5E | 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 #5E543D 0% et #D49B5E 100%.

0.0%	0.0% #5E543D	RVB 94 84 61	#5E543D
16.7%	16.7% #715F42	RVB 113 95 66	#715F42
33.3%	33.3% #856B48	RVB 133 107 72	#856B48
50.0%	50.0% #99774D	RVB 153 119 77	#99774D
66.7%	66.7% #AC8353	RVB 172 131 83	#AC8353
83.3%	83.3% #C08F58	RVB 192 143 88	#C08F58
100.0%	100.0% #D49B5E	RVB 212 155 94	#D49B5E

#5E543D #715F42 #856B48 #99774D #AC8353 #C08F58 #D49B5E

#5E543D - #D49B5E

Mélange HSV

#5E543D - #D49B5E | 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 #5E543D 0% et #D49B5E 100%.

0.0%	0.0% #5E543D	RVB 94 84 61	#5E543D
16.7%	16.7% #716345	RVB 113 99 69	#716345
33.3%	33.3% #85714D	RVB 133 113 77	#85714D
50.0%	50.0% #997D53	RVB 153 125 83	#997D53
66.7%	66.7% #AC8958	RVB 172 137 88	#AC8958
83.3%	83.3% #C0925B	RVB 192 146 91	#C0925B
100.0%	100.0% #D49B5E	RVB 212 155 94	#D49B5E

#5E543D #716345 #85714D #997D53 #AC8958 #C0925B #D49B5E

#5E543D - #997D53 - #D49B5E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E543D 0%, #997D53 50%, #D49B5E 100%);
    background: -webkit-linear-gradient(top, #5E543D 0%, #997D53 50%, #D49B5E 100%);
    background: linear-gradient(to bottom, #5E543D 0%, #997D53 50%, #D49B5E 100%);
}
</style>