#9C5E3C - #E2D1C7 | 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 #9C5E3C à #E2D1C7

#9C5E3C #E2D1C7

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

#9C5E3C - #E2D1C7 | 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 #9C5E3C 0% et #E2D1C7 100%.

0.0%	0.0% #9C5E3C	RVB 156 94 60	#9C5E3C
16.7%	16.7% #A77153	RVB 167 113 83	#A77153
33.3%	33.3% #B3846A	RVB 179 132 106	#B3846A
50.0%	50.0% #BF9781	RVB 191 151 129	#BF9781
66.7%	66.7% #CAAA98	RVB 202 170 152	#CAAA98
83.3%	83.3% #D6BDAF	RVB 214 189 175	#D6BDAF
100.0%	100.0% #E2D1C7	RVB 226 209 199	#E2D1C7

#9C5E3C #A77153 #B3846A #BF9781 #CAAA98 #D6BDAF #E2D1C7

#9C5E3C - #E2D1C7

Mélange HSV

#9C5E3C - #E2D1C7 | 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 #9C5E3C 0% et #E2D1C7 100%.

0.0%	0.0% #9C5E3C	RVB 156 94 60	#9C5E3C
16.7%	16.7% #A76E4E	RVB 167 110 78	#A76E4E
33.3%	33.3% #B37F62	RVB 179 127 98	#B37F62
50.0%	50.0% #BF9278	RVB 191 146 120	#BF9278
66.7%	66.7% #CAA690	RVB 202 166 144	#CAA690
83.3%	83.3% #D6BAAB	RVB 214 186 171	#D6BAAB
100.0%	100.0% #E2D1C7	RVB 226 209 199	#E2D1C7

#9C5E3C #A76E4E #B37F62 #BF9278 #CAA690 #D6BAAB #E2D1C7

#9C5E3C - #BF9278 - #E2D1C7

Codes CSS

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

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