#8F8266 - #DFDBD3 | 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 #8F8266 à #DFDBD3

#8F8266 #DFDBD3

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

#8F8266 - #DFDBD3 | 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 #8F8266 0% et #DFDBD3 100%.

0.0%	0.0% #8F8266	RVB 143 130 102	#8F8266
16.7%	16.7% #9C9078	RVB 156 144 120	#9C9078
33.3%	33.3% #A99F8A	RVB 169 159 138	#A99F8A
50.0%	50.0% #B7AE9C	RVB 183 174 156	#B7AE9C
66.7%	66.7% #C4BDAE	RVB 196 189 174	#C4BDAE
83.3%	83.3% #D1CCC0	RVB 209 204 192	#D1CCC0
100.0%	100.0% #DFDBD3	RVB 223 219 211	#DFDBD3

#8F8266 #9C9078 #A99F8A #B7AE9C #C4BDAE #D1CCC0 #DFDBD3

#8F8266 - #DFDBD3

Mélange HSV

#8F8266 - #DFDBD3 | 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 #8F8266 0% et #DFDBD3 100%.

0.0%	0.0% #8F8266	RVB 143 130 102	#8F8266
16.7%	16.7% #9C8F75	RVB 156 143 117	#9C8F75
33.3%	33.3% #A99E86	RVB 169 158 134	#A99E86
50.0%	50.0% #B7AC97	RVB 183 172 151	#B7AC97
66.7%	66.7% #C4BBAA	RVB 196 187 170	#C4BBAA
83.3%	83.3% #D1CBBE	RVB 209 203 190	#D1CBBE
100.0%	100.0% #DFDBD3	RVB 223 219 211	#DFDBD3

#8F8266 #9C8F75 #A99E86 #B7AC97 #C4BBAA #D1CBBE #DFDBD3

#8F8266 - #B7AC97 - #DFDBD3

Codes CSS

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

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