#A9A8A8 - #A2FFDF | 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 #A9A8A8 à #A2FFDF

#A9A8A8 #A2FFDF

Calculez la couleur entre deux couleurs, #A9A8A8 et #A2FFDF. 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)

#A9A8A8 - #A2FFDF | 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 #A9A8A8 0% et #A2FFDF 100%.

0.0%	0.0% #A9A8A8	RVB 169 168 168	#A9A8A8
16.7%	16.7% #A7B6B1	RVB 167 182 177	#A7B6B1
33.3%	33.3% #A6C5BA	RVB 166 197 186	#A6C5BA
50.0%	50.0% #A5D3C3	RVB 165 211 195	#A5D3C3
66.7%	66.7% #A4E2CC	RVB 164 226 204	#A4E2CC
83.3%	83.3% #A3F0D5	RVB 163 240 213	#A3F0D5
100.0%	100.0% #A2FFDF	RVB 162 255 223	#A2FFDF

#A9A8A8 #A7B6B1 #A6C5BA #A5D3C3 #A4E2CC #A3F0D5 #A2FFDF

#A9A8A8 - #A2FFDF

Mélange HSV

#A9A8A8 - #A2FFDF | 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 #A9A8A8 0% et #A2FFDF 100%.

0.0%	0.0% #A9A8A8	RVB 169 168 168	#A9A8A8
16.7%	16.7% #B7B0AB	RVB 183 176 171	#B7B0AB
33.3%	33.3% #C5C2AC	RVB 197 194 172	#C5C2AC
50.0%	50.0% #C7D4AC	RVB 199 212 172	#C7D4AC
66.7%	66.7% #B7E2AA	RVB 183 226 170	#B7E2AA
83.3%	83.3% #A7F0B6	RVB 167 240 182	#A7F0B6
100.0%	100.0% #A2FFDF	RVB 162 255 223	#A2FFDF

#A9A8A8 #B7B0AB #C5C2AC #C7D4AC #B7E2AA #A7F0B6 #A2FFDF

#A9A8A8 - #C7D4AC - #A2FFDF

Codes CSS

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

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