#5E5E31 - #DCA34F | 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 #5E5E31 à #DCA34F

#5E5E31 #DCA34F

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

#5E5E31 - #DCA34F | 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 #5E5E31 0% et #DCA34F 100%.

0.0%	0.0% #5E5E31	RVB 94 94 49	#5E5E31
16.7%	16.7% #736936	RVB 115 105 54	#736936
33.3%	33.3% #88753B	RVB 136 117 59	#88753B
50.0%	50.0% #9D8040	RVB 157 128 64	#9D8040
66.7%	66.7% #B28C45	RVB 178 140 69	#B28C45
83.3%	83.3% #C7974A	RVB 199 151 74	#C7974A
100.0%	100.0% #DCA34F	RVB 220 163 79	#DCA34F

#5E5E31 #736936 #88753B #9D8040 #B28C45 #C7974A #DCA34F

#5E5E31 - #DCA34F

Mélange HSV

#5E5E31 - #DCA34F | 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 #5E5E31 0% et #DCA34F 100%.

0.0%	0.0% #5E5E31	RVB 94 94 49	#5E5E31
16.7%	16.7% #736F38	RVB 115 111 56	#736F38
33.3%	33.3% #887E3F	RVB 136 126 63	#887E3F
50.0%	50.0% #9D8B45	RVB 157 139 69	#9D8B45
66.7%	66.7% #B29549	RVB 178 149 73	#B29549
83.3%	83.3% #C79D4C	RVB 199 157 76	#C79D4C
100.0%	100.0% #DCA34F	RVB 220 163 79	#DCA34F

#5E5E31 #736F38 #887E3F #9D8B45 #B29549 #C79D4C #DCA34F

#5E5E31 - #9D8B45 - #DCA34F

Codes CSS

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

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