#A9A8A9 - #535B5E | 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 #A9A8A9 à #535B5E

#A9A8A9 #535B5E

Calculez la couleur entre deux couleurs, #A9A8A9 et #535B5E. 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)

#A9A8A9 - #535B5E | 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 #A9A8A9 0% et #535B5E 100%.

0.0%	0.0% #A9A8A9	RVB 169 168 169	#A9A8A9
16.7%	16.7% #9A9B9C	RVB 154 155 156	#9A9B9C
33.3%	33.3% #8C8E90	RVB 140 142 144	#8C8E90
50.0%	50.0% #7E8183	RVB 126 129 131	#7E8183
66.7%	66.7% #6F7477	RVB 111 116 119	#6F7477
83.3%	83.3% #61676A	RVB 97 103 106	#61676A
100.0%	100.0% #535B5E	RVB 83 91 94	#535B5E

#A9A8A9 #9A9B9C #8C8E90 #7E8183 #6F7477 #61676A #535B5E

#A9A8A9 - #535B5E

Mélange HSV

#A9A8A9 - #535B5E | 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 #A9A8A9 0% et #535B5E 100%.

0.0%	0.0% #A9A8A9	RVB 169 168 169	#A9A8A9
16.7%	16.7% #9B989C	RVB 155 152 156	#9B989C
33.3%	33.3% #8C8990	RVB 140 137 144	#8C8990
50.0%	50.0% #7C7B83	RVB 124 123 131	#7C7B83
66.7%	66.7% #6D6E77	RVB 109 110 119	#6D6E77
83.3%	83.3% #60646A	RVB 96 100 106	#60646A
100.0%	100.0% #535B5E	RVB 83 91 94	#535B5E

#A9A8A9 #9B989C #8C8990 #7C7B83 #6D6E77 #60646A #535B5E

#A9A8A9 - #7C7B83 - #535B5E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A9A8A9 0%, #7C7B83 50%, #535B5E 100%);
    background: -webkit-linear-gradient(top, #A9A8A9 0%, #7C7B83 50%, #535B5E 100%);
    background: linear-gradient(to bottom, #A9A8A9 0%, #7C7B83 50%, #535B5E 100%);
}
</style>