#A8A8AD - #4A6066 | 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 #A8A8AD à #4A6066

#A8A8AD #4A6066

Calculez la couleur entre deux couleurs, #A8A8AD et #4A6066. 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)

#A8A8AD - #4A6066 | 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 #A8A8AD 0% et #4A6066 100%.

0.0%	0.0% #A8A8AD	RVB 168 168 173	#A8A8AD
16.7%	16.7% #989CA1	RVB 152 156 161	#989CA1
33.3%	33.3% #889095	RVB 136 144 149	#889095
50.0%	50.0% #798489	RVB 121 132 137	#798489
66.7%	66.7% #69787D	RVB 105 120 125	#69787D
83.3%	83.3% #596C71	RVB 89 108 113	#596C71
100.0%	100.0% #4A6066	RVB 74 96 102	#4A6066

#A8A8AD #989CA1 #889095 #798489 #69787D #596C71 #4A6066

#A8A8AD - #4A6066

Mélange HSV

#A8A8AD - #4A6066 | 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 #A8A8AD 0% et #4A6066 100%.

0.0%	0.0% #A8A8AD	RVB 168 168 173	#A8A8AD
16.7%	16.7% #9597A1	RVB 149 151 161	#9597A1
33.3%	33.3% #848995	RVB 132 137 149	#848995
50.0%	50.0% #747C89	RVB 116 124 137	#747C89
66.7%	66.7% #65727D	RVB 101 114 125	#65727D
83.3%	83.3% #576871	RVB 87 104 113	#576871
100.0%	100.0% #4A6066	RVB 74 96 102	#4A6066

#A8A8AD #9597A1 #848995 #747C89 #65727D #576871 #4A6066

#A8A8AD - #747C89 - #4A6066

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8A8AD 0%, #747C89 50%, #4A6066 100%);
    background: -webkit-linear-gradient(top, #A8A8AD 0%, #747C89 50%, #4A6066 100%);
    background: linear-gradient(to bottom, #A8A8AD 0%, #747C89 50%, #4A6066 100%);
}
</style>