#5D5E2F - #A77C7E | 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 #5D5E2F à #A77C7E

#5D5E2F #A77C7E

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

#5D5E2F - #A77C7E | 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 #5D5E2F 0% et #A77C7E 100%.

0.0%	0.0% #5D5E2F	RVB 93 94 47	#5D5E2F
16.7%	16.7% #69633C	RVB 105 99 60	#69633C
33.3%	33.3% #756849	RVB 117 104 73	#756849
50.0%	50.0% #826D56	RVB 130 109 86	#826D56
66.7%	66.7% #8E7263	RVB 142 114 99	#8E7263
83.3%	83.3% #9A7770	RVB 154 119 112	#9A7770
100.0%	100.0% #A77C7E	RVB 167 124 126	#A77C7E

#5D5E2F #69633C #756849 #826D56 #8E7263 #9A7770 #A77C7E

#5D5E2F - #A77C7E

Mélange HSV

#5D5E2F - #A77C7E | 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 #5D5E2F 0% et #A77C7E 100%.

0.0%	0.0% #5D5E2F	RVB 93 94 47	#5D5E2F
16.7%	16.7% #6A6239	RVB 106 98 57	#6A6239
33.3%	33.3% #766544	RVB 118 101 68	#766544
50.0%	50.0% #826951	RVB 130 105 81	#826951
66.7%	66.7% #8E6D5E	RVB 142 109 94	#8E6D5E
83.3%	83.3% #9A726C	RVB 154 114 108	#9A726C
100.0%	100.0% #A77C7E	RVB 167 124 126	#A77C7E

#5D5E2F #6A6239 #766544 #826951 #8E6D5E #9A726C #A77C7E

#5D5E2F - #826951 - #A77C7E

Codes CSS

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

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