#5E5E37 - #DBA455 | 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 #5E5E37 à #DBA455

#5E5E37 #DBA455

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

#5E5E37 - #DBA455 | 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 #5E5E37 0% et #DBA455 100%.

0.0%	0.0% #5E5E37	RVB 94 94 55	#5E5E37
16.7%	16.7% #72693C	RVB 114 105 60	#72693C
33.3%	33.3% #877541	RVB 135 117 65	#877541
50.0%	50.0% #9C8146	RVB 156 129 70	#9C8146
66.7%	66.7% #B18C4B	RVB 177 140 75	#B18C4B
83.3%	83.3% #C69850	RVB 198 152 80	#C69850
100.0%	100.0% #DBA455	RVB 219 164 85	#DBA455

#5E5E37 #72693C #877541 #9C8146 #B18C4B #C69850 #DBA455

#5E5E37 - #DBA455

Mélange HSV

#5E5E37 - #DBA455 | 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 #5E5E37 0% et #DBA455 100%.

0.0%	0.0% #5E5E37	RVB 94 94 55	#5E5E37
16.7%	16.7% #726F3F	RVB 114 111 63	#726F3F
33.3%	33.3% #877E46	RVB 135 126 70	#877E46
50.0%	50.0% #9C8C4C	RVB 156 140 76	#9C8C4C
66.7%	66.7% #B19650	RVB 177 150 80	#B19650
83.3%	83.3% #C69E53	RVB 198 158 83	#C69E53
100.0%	100.0% #DBA455	RVB 219 164 85	#DBA455

#5E5E37 #726F3F #877E46 #9C8C4C #B19650 #C69E53 #DBA455

#5E5E37 - #9C8C4C - #DBA455

Codes CSS

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

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