#6E5E3C - #D5D1C7 | 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 #6E5E3C à #D5D1C7

#6E5E3C #D5D1C7

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

#6E5E3C - #D5D1C7 | 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 #6E5E3C 0% et #D5D1C7 100%.

0.0%	0.0% #6E5E3C	RVB 110 94 60	#6E5E3C
16.7%	16.7% #7F7153	RVB 127 113 83	#7F7153
33.3%	33.3% #90846A	RVB 144 132 106	#90846A
50.0%	50.0% #A19781	RVB 161 151 129	#A19781
66.7%	66.7% #B2AA98	RVB 178 170 152	#B2AA98
83.3%	83.3% #C3BDAF	RVB 195 189 175	#C3BDAF
100.0%	100.0% #D5D1C7	RVB 213 209 199	#D5D1C7

#6E5E3C #7F7153 #90846A #A19781 #B2AA98 #C3BDAF #D5D1C7

#6E5E3C - #D5D1C7

Mélange HSV

#6E5E3C - #D5D1C7 | 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 #6E5E3C 0% et #D5D1C7 100%.

0.0%	0.0% #6E5E3C	RVB 110 94 60	#6E5E3C
16.7%	16.7% #7F6F4D	RVB 127 111 77	#7F6F4D
33.3%	33.3% #908161	RVB 144 129 97	#908161
50.0%	50.0% #A19477	RVB 161 148 119	#A19477
66.7%	66.7% #B2A88F	RVB 178 168 143	#B2A88F
83.3%	83.3% #C3BCAA	RVB 195 188 170	#C3BCAA
100.0%	100.0% #D5D1C7	RVB 213 209 199	#D5D1C7

#6E5E3C #7F6F4D #908161 #A19477 #B2A88F #C3BCAA #D5D1C7

#6E5E3C - #A19477 - #D5D1C7

Codes CSS

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

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