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

#A5A8A8 #C2D3A8

Calculez la couleur entre deux couleurs, #A5A8A8 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)

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

0.0%	0.0% #A5A8A8	RVB 165 168 168	#A5A8A8
16.7%	16.7% #A9AFA8	RVB 169 175 168	#A9AFA8
33.3%	33.3% #AEB6A8	RVB 174 182 168	#AEB6A8
50.0%	50.0% #B3BDA8	RVB 179 189 168	#B3BDA8
66.7%	66.7% #B8C4A8	RVB 184 196 168	#B8C4A8
83.3%	83.3% #BDCBA8	RVB 189 203 168	#BDCBA8
100.0%	100.0% #C2D3A8	RVB 194 211 168	#C2D3A8

#A5A8A8 #A9AFA8 #AEB6A8 #B3BDA8 #B8C4A8 #BDCBA8 #C2D3A8

#A5A8A8 - #C2D3A8

Mélange HSV

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

0.0%	0.0% #A5A8A8	RVB 165 168 168	#A5A8A8
16.7%	16.7% #A6AFAC	RVB 166 175 172	#A6AFAC
33.3%	33.3% #A7B6AE	RVB 167 182 174	#A7B6AE
50.0%	50.0% #A8BDAC	RVB 168 189 172	#A8BDAC
66.7%	66.7% #AAC4A8	RVB 170 196 168	#AAC4A8
83.3%	83.3% #B4CBA8	RVB 180 203 168	#B4CBA8
100.0%	100.0% #C2D3A8	RVB 194 211 168	#C2D3A8

#A5A8A8 #A6AFAC #A7B6AE #A8BDAC #AAC4A8 #B4CBA8 #C2D3A8

#A5A8A8 - #A8BDAC - #C2D3A8

Codes CSS

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

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