#A8A9A8 - #5E535D | 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 #A8A9A8 à #5E535D

#A8A9A8 #5E535D

Calculez la couleur entre deux couleurs, #A8A9A8 et #5E535D. 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)

#A8A9A8 - #5E535D | 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 #A8A9A8 0% et #5E535D 100%.

0.0%	0.0% #A8A9A8	RVB 168 169 168	#A8A9A8
16.7%	16.7% #9B9A9B	RVB 155 154 155	#9B9A9B
33.3%	33.3% #8F8C8F	RVB 143 140 143	#8F8C8F
50.0%	50.0% #837E82	RVB 131 126 130	#837E82
66.7%	66.7% #766F76	RVB 118 111 118	#766F76
83.3%	83.3% #6A6169	RVB 106 97 105	#6A6169
100.0%	100.0% #5E535D	RVB 94 83 93	#5E535D

#A8A9A8 #9B9A9B #8F8C8F #837E82 #766F76 #6A6169 #5E535D

#A8A9A8 - #5E535D

Mélange HSV

#A8A9A8 - #5E535D | 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 #A8A9A8 0% et #5E535D 100%.

0.0%	0.0% #A8A9A8	RVB 168 169 168	#A8A9A8
16.7%	16.7% #9A9C98	RVB 154 156 152	#9A9C98
33.3%	33.3% #8F9089	RVB 143 144 137	#8F9089
50.0%	50.0% #837F7B	RVB 131 127 123	#837F7B
66.7%	66.7% #776E6D	RVB 119 110 109	#776E6D
83.3%	83.3% #6A6064	RVB 106 96 100	#6A6064
100.0%	100.0% #5E535D	RVB 94 83 93	#5E535D

#A8A9A8 #9A9C98 #8F9089 #837F7B #776E6D #6A6064 #5E535D

#A8A9A8 - #837F7B - #5E535D

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8A9A8 0%, #837F7B 50%, #5E535D 100%);
    background: -webkit-linear-gradient(top, #A8A9A8 0%, #837F7B 50%, #5E535D 100%);
    background: linear-gradient(to bottom, #A8A9A8 0%, #837F7B 50%, #5E535D 100%);
}
</style>