#8F8D5E - #DFDFD1 | 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 #8F8D5E à #DFDFD1

#8F8D5E #DFDFD1

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

#8F8D5E - #DFDFD1 | 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 #8F8D5E 0% et #DFDFD1 100%.

0.0%	0.0% #8F8D5E	RVB 143 141 94	#8F8D5E
16.7%	16.7% #9C9A71	RVB 156 154 113	#9C9A71
33.3%	33.3% #A9A884	RVB 169 168 132	#A9A884
50.0%	50.0% #B7B697	RVB 183 182 151	#B7B697
66.7%	66.7% #C4C3AA	RVB 196 195 170	#C4C3AA
83.3%	83.3% #D1D1BD	RVB 209 209 189	#D1D1BD
100.0%	100.0% #DFDFD1	RVB 223 223 209	#DFDFD1

#8F8D5E #9C9A71 #A9A884 #B7B697 #C4C3AA #D1D1BD #DFDFD1

#8F8D5E - #DFDFD1

Mélange HSV

#8F8D5E - #DFDFD1 | 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 #8F8D5E 0% et #DFDFD1 100%.

0.0%	0.0% #8F8D5E	RVB 143 141 94	#8F8D5E
16.7%	16.7% #9C9A6E	RVB 156 154 110	#9C9A6E
33.3%	33.3% #A9A87F	RVB 169 168 127	#A9A87F
50.0%	50.0% #B7B691	RVB 183 182 145	#B7B691
66.7%	66.7% #C4C3A5	RVB 196 195 165	#C4C3A5
83.3%	83.3% #D1D1BA	RVB 209 209 186	#D1D1BA
100.0%	100.0% #DFDFD1	RVB 223 223 209	#DFDFD1

#8F8D5E #9C9A6E #A9A87F #B7B691 #C4C3A5 #D1D1BA #DFDFD1

#8F8D5E - #B7B691 - #DFDFD1

Codes CSS

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

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