#8D5400 - #DECEB6 | 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 #8D5400 à #DECEB6

#8D5400 #DECEB6

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

#8D5400 - #DECEB6 | 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 #8D5400 0% et #DECEB6 100%.

0.0%	0.0% #8D5400	RVB 141 84 0	#8D5400
16.7%	16.7% #9A681E	RVB 154 104 30	#9A681E
33.3%	33.3% #A87C3C	RVB 168 124 60	#A87C3C
50.0%	50.0% #B5915B	RVB 181 145 91	#B5915B
66.7%	66.7% #C3A579	RVB 195 165 121	#C3A579
83.3%	83.3% #D0B997	RVB 208 185 151	#D0B997
100.0%	100.0% #DECEB6	RVB 222 206 182	#DECEB6

#8D5400 #9A681E #A87C3C #B5915B #C3A579 #D0B997 #DECEB6

#8D5400 - #DECEB6

Mélange HSV

#8D5400 - #DECEB6 | 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 #8D5400 0% et #DECEB6 100%.

0.0%	0.0% #8D5400	RVB 141 84 0	#8D5400
16.7%	16.7% #9A6415	RVB 154 100 21	#9A6415
33.3%	33.3% #A8762D	RVB 168 118 45	#A8762D
50.0%	50.0% #B58A4A	RVB 181 138 74	#B58A4A
66.7%	66.7% #C39F6A	RVB 195 159 106	#C39F6A
83.3%	83.3% #D0B68E	RVB 208 182 142	#D0B68E
100.0%	100.0% #DECEB6	RVB 222 206 182	#DECEB6

#8D5400 #9A6415 #A8762D #B58A4A #C39F6A #D0B68E #DECEB6

#8D5400 - #B58A4A - #DECEB6

Codes CSS

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

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