#5E5C2D - #DBA14B | 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 #5E5C2D à #DBA14B

#5E5C2D #DBA14B

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

#5E5C2D - #DBA14B | 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 #5E5C2D 0% et #DBA14B 100%.

0.0%	0.0% #5E5C2D	RVB 94 92 45	#5E5C2D
16.7%	16.7% #726732	RVB 114 103 50	#726732
33.3%	33.3% #877337	RVB 135 115 55	#877337
50.0%	50.0% #9C7E3C	RVB 156 126 60	#9C7E3C
66.7%	66.7% #B18A41	RVB 177 138 65	#B18A41
83.3%	83.3% #C69546	RVB 198 149 70	#C69546
100.0%	100.0% #DBA14B	RVB 219 161 75	#DBA14B

#5E5C2D #726732 #877337 #9C7E3C #B18A41 #C69546 #DBA14B

#5E5C2D - #DBA14B

Mélange HSV

#5E5C2D - #DBA14B | 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 #5E5C2D 0% et #DBA14B 100%.

0.0%	0.0% #5E5C2D	RVB 94 92 45	#5E5C2D
16.7%	16.7% #726C34	RVB 114 108 52	#726C34
33.3%	33.3% #877B3A	RVB 135 123 58	#877B3A
50.0%	50.0% #9C8840	RVB 156 136 64	#9C8840
66.7%	66.7% #B19244	RVB 177 146 68	#B19244
83.3%	83.3% #C69B48	RVB 198 155 72	#C69B48
100.0%	100.0% #DBA14B	RVB 219 161 75	#DBA14B

#5E5C2D #726C34 #877B3A #9C8840 #B19244 #C69B48 #DBA14B

#5E5C2D - #9C8840 - #DBA14B

Codes CSS

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

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