#8C5E3C - #DED1C7 | 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 #8C5E3C à #DED1C7

#8C5E3C #DED1C7

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

#8C5E3C - #DED1C7 | 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 #8C5E3C 0% et #DED1C7 100%.

0.0%	0.0% #8C5E3C	RVB 140 94 60	#8C5E3C
16.7%	16.7% #997153	RVB 153 113 83	#997153
33.3%	33.3% #A7846A	RVB 167 132 106	#A7846A
50.0%	50.0% #B59781	RVB 181 151 129	#B59781
66.7%	66.7% #C2AA98	RVB 194 170 152	#C2AA98
83.3%	83.3% #D0BDAF	RVB 208 189 175	#D0BDAF
100.0%	100.0% #DED1C7	RVB 222 209 199	#DED1C7

#8C5E3C #997153 #A7846A #B59781 #C2AA98 #D0BDAF #DED1C7

#8C5E3C - #DED1C7

Mélange HSV

#8C5E3C - #DED1C7 | 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 #8C5E3C 0% et #DED1C7 100%.

0.0%	0.0% #8C5E3C	RVB 140 94 60	#8C5E3C
16.7%	16.7% #996E4D	RVB 153 110 77	#996E4D
33.3%	33.3% #A77F61	RVB 167 127 97	#A77F61
50.0%	50.0% #B59277	RVB 181 146 119	#B59277
66.7%	66.7% #C2A590	RVB 194 165 144	#C2A590
83.3%	83.3% #D0BAAA	RVB 208 186 170	#D0BAAA
100.0%	100.0% #DED1C7	RVB 222 209 199	#DED1C7

#8C5E3C #996E4D #A77F61 #B59277 #C2A590 #D0BAAA #DED1C7

#8C5E3C - #B59277 - #DED1C7

Codes CSS

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

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