#5B5E2D - #C5A856 | 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 #5B5E2D à #C5A856

#5B5E2D #C5A856

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

#5B5E2D - #C5A856 | 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 #5B5E2D 0% et #C5A856 100%.

0.0%	0.0% #5B5E2D	RVB 91 94 45	#5B5E2D
16.7%	16.7% #6C6A33	RVB 108 106 51	#6C6A33
33.3%	33.3% #7E763A	RVB 126 118 58	#7E763A
50.0%	50.0% #908341	RVB 144 131 65	#908341
66.7%	66.7% #A18F48	RVB 161 143 72	#A18F48
83.3%	83.3% #B39B4F	RVB 179 155 79	#B39B4F
100.0%	100.0% #C5A856	RVB 197 168 86	#C5A856

#5B5E2D #6C6A33 #7E763A #908341 #A18F48 #B39B4F #C5A856

#5B5E2D - #C5A856

Mélange HSV

#5B5E2D - #C5A856 | 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 #5B5E2D 0% et #C5A856 100%.

0.0%	0.0% #5B5E2D	RVB 91 94 45	#5B5E2D
16.7%	16.7% #6E6F34	RVB 110 111 52	#6E6F34
33.3%	33.3% #807D3B	RVB 128 125 59	#807D3B
50.0%	50.0% #918942	RVB 145 137 66	#918942
66.7%	66.7% #A29449	RVB 162 148 73	#A29449
83.3%	83.3% #B39F4F	RVB 179 159 79	#B39F4F
100.0%	100.0% #C5A856	RVB 197 168 86	#C5A856

#5B5E2D #6E6F34 #807D3B #918942 #A29449 #B39F4F #C5A856

#5B5E2D - #918942 - #C5A856

Codes CSS

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

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