#5E563D - #D59D5E | 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 #5E563D à #D59D5E

#5E563D #D59D5E

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

#5E563D - #D59D5E | 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 #5E563D 0% et #D59D5E 100%.

0.0%	0.0% #5E563D	RVB 94 86 61	#5E563D
16.7%	16.7% #716142	RVB 113 97 66	#716142
33.3%	33.3% #856D48	RVB 133 109 72	#856D48
50.0%	50.0% #99794D	RVB 153 121 77	#99794D
66.7%	66.7% #AD8553	RVB 173 133 83	#AD8553
83.3%	83.3% #C19158	RVB 193 145 88	#C19158
100.0%	100.0% #D59D5E	RVB 213 157 94	#D59D5E

#5E563D #716142 #856D48 #99794D #AD8553 #C19158 #D59D5E

#5E563D - #D59D5E

Mélange HSV

#5E563D - #D59D5E | 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 #5E563D 0% et #D59D5E 100%.

0.0%	0.0% #5E563D	RVB 94 86 61	#5E563D
16.7%	16.7% #716545	RVB 113 101 69	#716545
33.3%	33.3% #85734D	RVB 133 115 77	#85734D
50.0%	50.0% #998053	RVB 153 128 83	#998053
66.7%	66.7% #AD8B58	RVB 173 139 88	#AD8B58
83.3%	83.3% #C1955B	RVB 193 149 91	#C1955B
100.0%	100.0% #D59D5E	RVB 213 157 94	#D59D5E

#5E563D #716545 #85734D #998053 #AD8B58 #C1955B #D59D5E

#5E563D - #998053 - #D59D5E

Codes CSS

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

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