#A7A8A8 - #C2D3A8 | 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 #A7A8A8 à #C2D3A8

#A7A8A8 #C2D3A8

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

#A7A8A8 - #C2D3A8 | 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 #A7A8A8 0% et #C2D3A8 100%.

0.0%	0.0% #A7A8A8	RVB 167 168 168	#A7A8A8
16.7%	16.7% #ABAFA8	RVB 171 175 168	#ABAFA8
33.3%	33.3% #B0B6A8	RVB 176 182 168	#B0B6A8
50.0%	50.0% #B4BDA8	RVB 180 189 168	#B4BDA8
66.7%	66.7% #B9C4A8	RVB 185 196 168	#B9C4A8
83.3%	83.3% #BDCBA8	RVB 189 203 168	#BDCBA8
100.0%	100.0% #C2D3A8	RVB 194 211 168	#C2D3A8

#A7A8A8 #ABAFA8 #B0B6A8 #B4BDA8 #B9C4A8 #BDCBA8 #C2D3A8

#A7A8A8 - #C2D3A8

Mélange HSV

#A7A8A8 - #C2D3A8 | 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 #A7A8A8 0% et #C2D3A8 100%.

0.0%	0.0% #A7A8A8	RVB 167 168 168	#A7A8A8
16.7%	16.7% #A8AFAD	RVB 168 175 173	#A8AFAD
33.3%	33.3% #A9B6AF	RVB 169 182 175	#A9B6AF
50.0%	50.0% #A9BDAD	RVB 169 189 173	#A9BDAD
66.7%	66.7% #ABC4A9	RVB 171 196 169	#ABC4A9
83.3%	83.3% #B4CBA9	RVB 180 203 169	#B4CBA9
100.0%	100.0% #C2D3A8	RVB 194 211 168	#C2D3A8

#A7A8A8 #A8AFAD #A9B6AF #A9BDAD #ABC4A9 #B4CBA9 #C2D3A8

#A7A8A8 - #A9BDAD - #C2D3A8

Codes CSS

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

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