#6B5E57 - #D4D1CF | 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 #6B5E57 à #D4D1CF

#6B5E57 #D4D1CF

Calculez la couleur entre deux couleurs, #6B5E57 et #D4D1CF. 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)

#6B5E57 - #D4D1CF | 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 #6B5E57 0% et #D4D1CF 100%.

0.0%	0.0% #6B5E57	RVB 107 94 87	#6B5E57
16.7%	16.7% #7C716B	RVB 124 113 107	#7C716B
33.3%	33.3% #8E847F	RVB 142 132 127	#8E847F
50.0%	50.0% #9F9793	RVB 159 151 147	#9F9793
66.7%	66.7% #B1AAA7	RVB 177 170 167	#B1AAA7
83.3%	83.3% #C2BDBB	RVB 194 189 187	#C2BDBB
100.0%	100.0% #D4D1CF	RVB 212 209 207	#D4D1CF

#6B5E57 #7C716B #8E847F #9F9793 #B1AAA7 #C2BDBB #D4D1CF

#6B5E57 - #D4D1CF

Mélange HSV

#6B5E57 - #D4D1CF | 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 #6B5E57 0% et #D4D1CF 100%.

0.0%	0.0% #6B5E57	RVB 107 94 87	#6B5E57
16.7%	16.7% #7C6F68	RVB 124 111 104	#7C6F68
33.3%	33.3% #8E827B	RVB 142 130 123	#8E827B
50.0%	50.0% #9F958E	RVB 159 149 142	#9F958E
66.7%	66.7% #B1A8A3	RVB 177 168 163	#B1A8A3
83.3%	83.3% #C2BCB8	RVB 194 188 184	#C2BCB8
100.0%	100.0% #D4D1CF	RVB 212 209 207	#D4D1CF

#6B5E57 #7C6F68 #8E827B #9F958E #B1A8A3 #C2BCB8 #D4D1CF

#6B5E57 - #9F958E - #D4D1CF

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5E57 0%, #9F958E 50%, #D4D1CF 100%);
    background: -webkit-linear-gradient(top, #6B5E57 0%, #9F958E 50%, #D4D1CF 100%);
    background: linear-gradient(to bottom, #6B5E57 0%, #9F958E 50%, #D4D1CF 100%);
}
</style>