#AFB7B5 - #5A8F79 | 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 #AFB7B5 à #5A8F79

#AFB7B5 #5A8F79

Calculez la couleur entre deux couleurs, #AFB7B5 et #5A8F79. 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)

#AFB7B5 - #5A8F79 | 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 #AFB7B5 0% et #5A8F79 100%.

0.0%	0.0% #AFB7B5	RVB 175 183 181	#AFB7B5
16.7%	16.7% #A0B0AB	RVB 160 176 171	#A0B0AB
33.3%	33.3% #92A9A1	RVB 146 169 161	#92A9A1
50.0%	50.0% #84A397	RVB 132 163 151	#84A397
66.7%	66.7% #769C8D	RVB 118 156 141	#769C8D
83.3%	83.3% #689583	RVB 104 149 131	#689583
100.0%	100.0% #5A8F79	RVB 90 143 121	#5A8F79

#AFB7B5 #A0B0AB #92A9A1 #84A397 #769C8D #689583 #5A8F79

#AFB7B5 - #5A8F79

Mélange HSV

#AFB7B5 - #5A8F79 | 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 #AFB7B5 0% et #5A8F79 100%.

0.0%	0.0% #AFB7B5	RVB 175 183 181	#AFB7B5
16.7%	16.7% #9FB0AB	RVB 159 176 171	#9FB0AB
33.3%	33.3% #8FA9A1	RVB 143 169 161	#8FA9A1
50.0%	50.0% #81A397	RVB 129 163 151	#81A397
66.7%	66.7% #739C8D	RVB 115 156 141	#739C8D
83.3%	83.3% #669583	RVB 102 149 131	#669583
100.0%	100.0% #5A8F79	RVB 90 143 121	#5A8F79

#AFB7B5 #9FB0AB #8FA9A1 #81A397 #739C8D #669583 #5A8F79

#AFB7B5 - #81A397 - #5A8F79

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFB7B5 0%, #81A397 50%, #5A8F79 100%);
    background: -webkit-linear-gradient(top, #AFB7B5 0%, #81A397 50%, #5A8F79 100%);
    background: linear-gradient(to bottom, #AFB7B5 0%, #81A397 50%, #5A8F79 100%);
}
</style>