#B8B5B4 - #8B6B5E | 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 #B8B5B4 à #8B6B5E

#B8B5B4 #8B6B5E

Calculez la couleur entre deux couleurs, #B8B5B4 et #8B6B5E. 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)

#B8B5B4 - #8B6B5E | 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 #B8B5B4 0% et #8B6B5E 100%.

0.0%	0.0% #B8B5B4	RVB 184 181 180	#B8B5B4
16.7%	16.7% #B0A8A5	RVB 176 168 165	#B0A8A5
33.3%	33.3% #A99C97	RVB 169 156 151	#A99C97
50.0%	50.0% #A19089	RVB 161 144 137	#A19089
66.7%	66.7% #9A837A	RVB 154 131 122	#9A837A
83.3%	83.3% #92776C	RVB 146 119 108	#92776C
100.0%	100.0% #8B6B5E	RVB 139 107 94	#8B6B5E

#B8B5B4 #B0A8A5 #A99C97 #A19089 #9A837A #92776C #8B6B5E

#B8B5B4 - #8B6B5E

Mélange HSV

#B8B5B4 - #8B6B5E | 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 #B8B5B4 0% et #8B6B5E 100%.

0.0%	0.0% #B8B5B4	RVB 184 181 180	#B8B5B4
16.7%	16.7% #B0A7A3	RVB 176 167 163	#B0A7A3
33.3%	33.3% #A99994	RVB 169 153 148	#A99994
50.0%	50.0% #A18D85	RVB 161 141 133	#A18D85
66.7%	66.7% #9A8177	RVB 154 129 119	#9A8177
83.3%	83.3% #92756A	RVB 146 117 106	#92756A
100.0%	100.0% #8B6B5E	RVB 139 107 94	#8B6B5E

#B8B5B4 #B0A7A3 #A99994 #A18D85 #9A8177 #92756A #8B6B5E

#B8B5B4 - #A18D85 - #8B6B5E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8B5B4 0%, #A18D85 50%, #8B6B5E 100%);
    background: -webkit-linear-gradient(top, #B8B5B4 0%, #A18D85 50%, #8B6B5E 100%);
    background: linear-gradient(to bottom, #B8B5B4 0%, #A18D85 50%, #8B6B5E 100%);
}
</style>