#C3C2B5 - #7B7A5E | 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 #C3C2B5 à #7B7A5E

#C3C2B5 #7B7A5E

Calculez la couleur entre deux couleurs, #C3C2B5 et #7B7A5E. 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)

#C3C2B5 - #7B7A5E | 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 #C3C2B5 0% et #7B7A5E 100%.

0.0%	0.0% #C3C2B5	RVB 195 194 181	#C3C2B5
16.7%	16.7% #B7B6A6	RVB 183 182 166	#B7B6A6
33.3%	33.3% #ABAA98	RVB 171 170 152	#ABAA98
50.0%	50.0% #9F9E89	RVB 159 158 137	#9F9E89
66.7%	66.7% #93927B	RVB 147 146 123	#93927B
83.3%	83.3% #87866C	RVB 135 134 108	#87866C
100.0%	100.0% #7B7A5E	RVB 123 122 94	#7B7A5E

#C3C2B5 #B7B6A6 #ABAA98 #9F9E89 #93927B #87866C #7B7A5E

#C3C2B5 - #7B7A5E

Mélange HSV

#C3C2B5 - #7B7A5E | 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 #C3C2B5 0% et #7B7A5E 100%.

0.0%	0.0% #C3C2B5	RVB 195 194 181	#C3C2B5
16.7%	16.7% #B7B5A4	RVB 183 181 164	#B7B5A4
33.3%	33.3% #ABA995	RVB 171 169 149	#ABA995
50.0%	50.0% #9F9D86	RVB 159 157 134	#9F9D86
66.7%	66.7% #939178	RVB 147 145 120	#939178
83.3%	83.3% #87856A	RVB 135 133 106	#87856A
100.0%	100.0% #7B7A5E	RVB 123 122 94	#7B7A5E

#C3C2B5 #B7B5A4 #ABA995 #9F9D86 #939178 #87856A #7B7A5E

#C3C2B5 - #9F9D86 - #7B7A5E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3C2B5 0%, #9F9D86 50%, #7B7A5E 100%);
    background: -webkit-linear-gradient(top, #C3C2B5 0%, #9F9D86 50%, #7B7A5E 100%);
    background: linear-gradient(to bottom, #C3C2B5 0%, #9F9D86 50%, #7B7A5E 100%);
}
</style>