#917B5E - #DFD9D1 | 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 #917B5E à #DFD9D1

#917B5E #DFD9D1

Calculez la couleur entre deux couleurs, #917B5E et #DFD9D1. 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)

#917B5E - #DFD9D1 | 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 #917B5E 0% et #DFD9D1 100%.

0.0%	0.0% #917B5E	RVB 145 123 94	#917B5E
16.7%	16.7% #9E8A71	RVB 158 138 113	#9E8A71
33.3%	33.3% #AB9A84	RVB 171 154 132	#AB9A84
50.0%	50.0% #B8AA97	RVB 184 170 151	#B8AA97
66.7%	66.7% #C5B9AA	RVB 197 185 170	#C5B9AA
83.3%	83.3% #D2C9BD	RVB 210 201 189	#D2C9BD
100.0%	100.0% #DFD9D1	RVB 223 217 209	#DFD9D1

#917B5E #9E8A71 #AB9A84 #B8AA97 #C5B9AA #D2C9BD #DFD9D1

#917B5E - #DFD9D1

Mélange HSV

#917B5E - #DFD9D1 | 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 #917B5E 0% et #DFD9D1 100%.

0.0%	0.0% #917B5E	RVB 145 123 94	#917B5E
16.7%	16.7% #9E896E	RVB 158 137 110	#9E896E
33.3%	33.3% #AB987F	RVB 171 152 127	#AB987F
50.0%	50.0% #B8A791	RVB 184 167 145	#B8A791
66.7%	66.7% #C5B7A5	RVB 197 183 165	#C5B7A5
83.3%	83.3% #D2C8BA	RVB 210 200 186	#D2C8BA
100.0%	100.0% #DFD9D1	RVB 223 217 209	#DFD9D1

#917B5E #9E896E #AB987F #B8A791 #C5B7A5 #D2C8BA #DFD9D1

#917B5E - #B8A791 - #DFD9D1

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #917B5E 0%, #B8A791 50%, #DFD9D1 100%);
    background: -webkit-linear-gradient(top, #917B5E 0%, #B8A791 50%, #DFD9D1 100%);
    background: linear-gradient(to bottom, #917B5E 0%, #B8A791 50%, #DFD9D1 100%);
}
</style>