#9C7B5E - #E2D9D1 | 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 #9C7B5E à #E2D9D1

#9C7B5E #E2D9D1

Calculez la couleur entre deux couleurs, #9C7B5E et #E2D9D1. 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)

#9C7B5E - #E2D9D1 | 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 #9C7B5E 0% et #E2D9D1 100%.

0.0%	0.0% #9C7B5E	RVB 156 123 94	#9C7B5E
16.7%	16.7% #A78A71	RVB 167 138 113	#A78A71
33.3%	33.3% #B39A84	RVB 179 154 132	#B39A84
50.0%	50.0% #BFAA97	RVB 191 170 151	#BFAA97
66.7%	66.7% #CAB9AA	RVB 202 185 170	#CAB9AA
83.3%	83.3% #D6C9BD	RVB 214 201 189	#D6C9BD
100.0%	100.0% #E2D9D1	RVB 226 217 209	#E2D9D1

#9C7B5E #A78A71 #B39A84 #BFAA97 #CAB9AA #D6C9BD #E2D9D1

#9C7B5E - #E2D9D1

Mélange HSV

#9C7B5E - #E2D9D1 | 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 #9C7B5E 0% et #E2D9D1 100%.

0.0%	0.0% #9C7B5E	RVB 156 123 94	#9C7B5E
16.7%	16.7% #A7896E	RVB 167 137 110	#A7896E
33.3%	33.3% #B3977F	RVB 179 151 127	#B3977F
50.0%	50.0% #BFA791	RVB 191 167 145	#BFA791
66.7%	66.7% #CAB7A5	RVB 202 183 165	#CAB7A5
83.3%	83.3% #D6C7BA	RVB 214 199 186	#D6C7BA
100.0%	100.0% #E2D9D1	RVB 226 217 209	#E2D9D1

#9C7B5E #A7896E #B3977F #BFA791 #CAB7A5 #D6C7BA #E2D9D1

#9C7B5E - #BFA791 - #E2D9D1

Codes CSS

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

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