#B8B8B4 - #8A8B5E | 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 #B8B8B4 à #8A8B5E

#B8B8B4 #8A8B5E

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

#B8B8B4 - #8A8B5E | 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 #B8B8B4 0% et #8A8B5E 100%.

0.0%	0.0% #B8B8B4	RVB 184 184 180	#B8B8B4
16.7%	16.7% #B0B0A5	RVB 176 176 165	#B0B0A5
33.3%	33.3% #A8A997	RVB 168 169 151	#A8A997
50.0%	50.0% #A1A189	RVB 161 161 137	#A1A189
66.7%	66.7% #999A7A	RVB 153 154 122	#999A7A
83.3%	83.3% #91926C	RVB 145 146 108	#91926C
100.0%	100.0% #8A8B5E	RVB 138 139 94	#8A8B5E

#B8B8B4 #B0B0A5 #A8A997 #A1A189 #999A7A #91926C #8A8B5E

#B8B8B4 - #8A8B5E

Mélange HSV

#B8B8B4 - #8A8B5E | 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 #B8B8B4 0% et #8A8B5E 100%.

0.0%	0.0% #B8B8B4	RVB 184 184 180	#B8B8B4
16.7%	16.7% #B0B0A3	RVB 176 176 163	#B0B0A3
33.3%	33.3% #A8A994	RVB 168 169 148	#A8A994
50.0%	50.0% #A1A185	RVB 161 161 133	#A1A185
66.7%	66.7% #999A77	RVB 153 154 119	#999A77
83.3%	83.3% #91926A	RVB 145 146 106	#91926A
100.0%	100.0% #8A8B5E	RVB 138 139 94	#8A8B5E

#B8B8B4 #B0B0A3 #A8A994 #A1A185 #999A77 #91926A #8A8B5E

#B8B8B4 - #A1A185 - #8A8B5E

Codes CSS

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

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