#5E5E82 - #AF9F9E | 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 #5E5E82 à #AF9F9E

#5E5E82 #AF9F9E

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

#5E5E82 - #AF9F9E | 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 #5E5E82 0% et #AF9F9E 100%.

0.0%	0.0% #5E5E82	RVB 94 94 130	#5E5E82
16.7%	16.7% #6B6886	RVB 107 104 134	#6B6886
33.3%	33.3% #79738B	RVB 121 115 139	#79738B
50.0%	50.0% #867E90	RVB 134 126 144	#867E90
66.7%	66.7% #948994	RVB 148 137 148	#948994
83.3%	83.3% #A19499	RVB 161 148 153	#A19499
100.0%	100.0% #AF9F9E	RVB 175 159 158	#AF9F9E

#5E5E82 #6B6886 #79738B #867E90 #948994 #A19499 #AF9F9E

#5E5E82 - #AF9F9E

Mélange HSV

#5E5E82 - #AF9F9E | 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 #5E5E82 0% et #AF9F9E 100%.

0.0%	0.0% #5E5E82	RVB 94 94 130	#5E5E82
16.7%	16.7% #736789	RVB 115 103 137	#736789
33.3%	33.3% #877191	RVB 135 113 145	#877191
50.0%	50.0% #987B97	RVB 152 123 151	#987B97
66.7%	66.7% #A08696	RVB 160 134 150	#A08696
83.3%	83.3% #A79298	RVB 167 146 152	#A79298
100.0%	100.0% #AF9F9E	RVB 175 159 158	#AF9F9E

#5E5E82 #736789 #877191 #987B97 #A08696 #A79298 #AF9F9E

#5E5E82 - #987B97 - #AF9F9E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E82 0%, #987B97 50%, #AF9F9E 100%);
    background: -webkit-linear-gradient(top, #5E5E82 0%, #987B97 50%, #AF9F9E 100%);
    background: linear-gradient(to bottom, #5E5E82 0%, #987B97 50%, #AF9F9E 100%);
}
</style>