#9A8F9F - #5E3A7A | 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 #9A8F9F à #5E3A7A

#9A8F9F #5E3A7A

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

#9A8F9F - #5E3A7A | 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 #9A8F9F 0% et #5E3A7A 100%.

0.0%	0.0% #9A8F9F	RVB 154 143 159	#9A8F9F
16.7%	16.7% #908098	RVB 144 128 152	#908098
33.3%	33.3% #867292	RVB 134 114 146	#867292
50.0%	50.0% #7C648C	RVB 124 100 140	#7C648C
66.7%	66.7% #725686	RVB 114 86 134	#725686
83.3%	83.3% #684880	RVB 104 72 128	#684880
100.0%	100.0% #5E3A7A	RVB 94 58 122	#5E3A7A

#9A8F9F #908098 #867292 #7C648C #725686 #684880 #5E3A7A

#9A8F9F - #5E3A7A

Mélange HSV

#9A8F9F - #5E3A7A | 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 #9A8F9F 0% et #5E3A7A 100%.

0.0%	0.0% #9A8F9F	RVB 154 143 159	#9A8F9F
16.7%	16.7% #907E98	RVB 144 126 152	#907E98
33.3%	33.3% #866F92	RVB 134 111 146	#866F92
50.0%	50.0% #7C608C	RVB 124 96 140	#7C608C
66.7%	66.7% #715286	RVB 113 82 134	#715286
83.3%	83.3% #674580	RVB 103 69 128	#674580
100.0%	100.0% #5E3A7A	RVB 94 58 122	#5E3A7A

#9A8F9F #907E98 #866F92 #7C608C #715286 #674580 #5E3A7A

#9A8F9F - #7C608C - #5E3A7A

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A8F9F 0%, #7C608C 50%, #5E3A7A 100%);
    background: -webkit-linear-gradient(top, #9A8F9F 0%, #7C608C 50%, #5E3A7A 100%);
    background: linear-gradient(to bottom, #9A8F9F 0%, #7C608C 50%, #5E3A7A 100%);
}
</style>