#5E5E44 - #D9A562 | 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 #5E5E44 à #D9A562

#5E5E44 #D9A562

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

#5E5E44 - #D9A562 | 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 #5E5E44 0% et #D9A562 100%.

0.0%	0.0% #5E5E44	RVB 94 94 68	#5E5E44
16.7%	16.7% #726949	RVB 114 105 73	#726949
33.3%	33.3% #87754E	RVB 135 117 78	#87754E
50.0%	50.0% #9B8153	RVB 155 129 83	#9B8153
66.7%	66.7% #B08D58	RVB 176 141 88	#B08D58
83.3%	83.3% #C4995D	RVB 196 153 93	#C4995D
100.0%	100.0% #D9A562	RVB 217 165 98	#D9A562

#5E5E44 #726949 #87754E #9B8153 #B08D58 #C4995D #D9A562

#5E5E44 - #D9A562

Mélange HSV

#5E5E44 - #D9A562 | 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 #5E5E44 0% et #D9A562 100%.

0.0%	0.0% #5E5E44	RVB 94 94 68	#5E5E44
16.7%	16.7% #726F4D	RVB 114 111 77	#726F4D
33.3%	33.3% #877F55	RVB 135 127 85	#877F55
50.0%	50.0% #9B8D5B	RVB 155 141 91	#9B8D5B
66.7%	66.7% #B0985F	RVB 176 152 95	#B0985F
83.3%	83.3% #C4A061	RVB 196 160 97	#C4A061
100.0%	100.0% #D9A562	RVB 217 165 98	#D9A562

#5E5E44 #726F4D #877F55 #9B8D5B #B0985F #C4A061 #D9A562

#5E5E44 - #9B8D5B - #D9A562

Codes CSS

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

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