#6B5E2F - #D4D0C3 | 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 #6B5E2F à #D4D0C3

#6B5E2F #D4D0C3

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

#6B5E2F - #D4D0C3 | 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 #6B5E2F 0% et #D4D0C3 100%.

0.0%	0.0% #6B5E2F	RVB 107 94 47	#6B5E2F
16.7%	16.7% #7C7147	RVB 124 113 71	#7C7147
33.3%	33.3% #8E8460	RVB 142 132 96	#8E8460
50.0%	50.0% #9F9779	RVB 159 151 121	#9F9779
66.7%	66.7% #B1AA91	RVB 177 170 145	#B1AA91
83.3%	83.3% #C2BDAA	RVB 194 189 170	#C2BDAA
100.0%	100.0% #D4D0C3	RVB 212 208 195	#D4D0C3

#6B5E2F #7C7147 #8E8460 #9F9779 #B1AA91 #C2BDAA #D4D0C3

#6B5E2F - #D4D0C3

Mélange HSV

#6B5E2F - #D4D0C3 | 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 #6B5E2F 0% et #D4D0C3 100%.

0.0%	0.0% #6B5E2F	RVB 107 94 47	#6B5E2F
16.7%	16.7% #7C6F40	RVB 124 111 64	#7C6F40
33.3%	33.3% #8E8155	RVB 142 129 85	#8E8155
50.0%	50.0% #9F936C	RVB 159 147 108	#9F936C
66.7%	66.7% #B1A786	RVB 177 167 134	#B1A786
83.3%	83.3% #C2BBA3	RVB 194 187 163	#C2BBA3
100.0%	100.0% #D4D0C3	RVB 212 208 195	#D4D0C3

#6B5E2F #7C6F40 #8E8155 #9F936C #B1A786 #C2BBA3 #D4D0C3

#6B5E2F - #9F936C - #D4D0C3

Codes CSS

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

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