#8F5E3E - #DFD1C7 | 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 #8F5E3E à #DFD1C7

#8F5E3E #DFD1C7

Calculez la couleur entre deux couleurs, #8F5E3E et #DFD1C7. 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)

#8F5E3E - #DFD1C7 | 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 #8F5E3E 0% et #DFD1C7 100%.

0.0%	0.0% #8F5E3E	RVB 143 94 62	#8F5E3E
16.7%	16.7% #9C7154	RVB 156 113 84	#9C7154
33.3%	33.3% #A9846B	RVB 169 132 107	#A9846B
50.0%	50.0% #B79782	RVB 183 151 130	#B79782
66.7%	66.7% #C4AA99	RVB 196 170 153	#C4AA99
83.3%	83.3% #D1BDB0	RVB 209 189 176	#D1BDB0
100.0%	100.0% #DFD1C7	RVB 223 209 199	#DFD1C7

#8F5E3E #9C7154 #A9846B #B79782 #C4AA99 #D1BDB0 #DFD1C7

#8F5E3E - #DFD1C7

Mélange HSV

#8F5E3E - #DFD1C7 | 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 #8F5E3E 0% et #DFD1C7 100%.

0.0%	0.0% #8F5E3E	RVB 143 94 62	#8F5E3E
16.7%	16.7% #9C6E4F	RVB 156 110 79	#9C6E4F
33.3%	33.3% #A97F63	RVB 169 127 99	#A97F63
50.0%	50.0% #B79279	RVB 183 146 121	#B79279
66.7%	66.7% #C4A691	RVB 196 166 145	#C4A691
83.3%	83.3% #D1BBAB	RVB 209 187 171	#D1BBAB
100.0%	100.0% #DFD1C7	RVB 223 209 199	#DFD1C7

#8F5E3E #9C6E4F #A97F63 #B79279 #C4A691 #D1BBAB #DFD1C7

#8F5E3E - #B79279 - #DFD1C7

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F5E3E 0%, #B79279 50%, #DFD1C7 100%);
    background: -webkit-linear-gradient(top, #8F5E3E 0%, #B79279 50%, #DFD1C7 100%);
    background: linear-gradient(to bottom, #8F5E3E 0%, #B79279 50%, #DFD1C7 100%);
}
</style>