#ABA8AD - #5E5462 | 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 #ABA8AD à #5E5462

#ABA8AD #5E5462

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

#ABA8AD - #5E5462 | 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 #ABA8AD 0% et #5E5462 100%.

0.0%	0.0% #ABA8AD	RVB 171 168 173	#ABA8AD
16.7%	16.7% #9E9AA0	RVB 158 154 160	#9E9AA0
33.3%	33.3% #918C94	RVB 145 140 148	#918C94
50.0%	50.0% #847E87	RVB 132 126 135	#847E87
66.7%	66.7% #77707B	RVB 119 112 123	#77707B
83.3%	83.3% #6A626E	RVB 106 98 110	#6A626E
100.0%	100.0% #5E5462	RVB 94 84 98	#5E5462

#ABA8AD #9E9AA0 #918C94 #847E87 #77707B #6A626E #5E5462

#ABA8AD - #5E5462

Mélange HSV

#ABA8AD - #5E5462 | 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 #ABA8AD 0% et #5E5462 100%.

0.0%	0.0% #ABA8AD	RVB 171 168 173	#ABA8AD
16.7%	16.7% #9D98A0	RVB 157 152 160	#9D98A0
33.3%	33.3% #908A94	RVB 144 138 148	#908A94
50.0%	50.0% #837B87	RVB 131 123 135	#837B87
66.7%	66.7% #766E7B	RVB 118 110 123	#766E7B
83.3%	83.3% #6A606E	RVB 106 96 110	#6A606E
100.0%	100.0% #5E5462	RVB 94 84 98	#5E5462

#ABA8AD #9D98A0 #908A94 #837B87 #766E7B #6A606E #5E5462

#ABA8AD - #837B87 - #5E5462

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABA8AD 0%, #837B87 50%, #5E5462 100%);
    background: -webkit-linear-gradient(top, #ABA8AD 0%, #837B87 50%, #5E5462 100%);
    background: linear-gradient(to bottom, #ABA8AD 0%, #837B87 50%, #5E5462 100%);
}
</style>