#8F8B5E - #DFDDD1 | 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 #8F8B5E à #DFDDD1

#8F8B5E #DFDDD1

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

#8F8B5E - #DFDDD1 | 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 #8F8B5E 0% et #DFDDD1 100%.

0.0%	0.0% #8F8B5E	RVB 143 139 94	#8F8B5E
16.7%	16.7% #9C9871	RVB 156 152 113	#9C9871
33.3%	33.3% #A9A684	RVB 169 166 132	#A9A684
50.0%	50.0% #B7B497	RVB 183 180 151	#B7B497
66.7%	66.7% #C4C1AA	RVB 196 193 170	#C4C1AA
83.3%	83.3% #D1CFBD	RVB 209 207 189	#D1CFBD
100.0%	100.0% #DFDDD1	RVB 223 221 209	#DFDDD1

#8F8B5E #9C9871 #A9A684 #B7B497 #C4C1AA #D1CFBD #DFDDD1

#8F8B5E - #DFDDD1

Mélange HSV

#8F8B5E - #DFDDD1 | 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 #8F8B5E 0% et #DFDDD1 100%.

0.0%	0.0% #8F8B5E	RVB 143 139 94	#8F8B5E
16.7%	16.7% #9C986E	RVB 156 152 110	#9C986E
33.3%	33.3% #A9A57F	RVB 169 165 127	#A9A57F
50.0%	50.0% #B7B291	RVB 183 178 145	#B7B291
66.7%	66.7% #C4C0A5	RVB 196 192 165	#C4C0A5
83.3%	83.3% #D1CEBA	RVB 209 206 186	#D1CEBA
100.0%	100.0% #DFDDD1	RVB 223 221 209	#DFDDD1

#8F8B5E #9C986E #A9A57F #B7B291 #C4C0A5 #D1CEBA #DFDDD1

#8F8B5E - #B7B291 - #DFDDD1

Codes CSS

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

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