#9A8EB6 - #533368 | 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 #9A8EB6 à #533368

#9A8EB6 #533368

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

#9A8EB6 - #533368 | 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 #9A8EB6 0% et #533368 100%.

0.0%	0.0% #9A8EB6	RVB 154 142 182	#9A8EB6
16.7%	16.7% #8E7EA9	RVB 142 126 169	#8E7EA9
33.3%	33.3% #826F9C	RVB 130 111 156	#826F9C
50.0%	50.0% #76608F	RVB 118 96 143	#76608F
66.7%	66.7% #6A5182	RVB 106 81 130	#6A5182
83.3%	83.3% #5E4275	RVB 94 66 117	#5E4275
100.0%	100.0% #533368	RVB 83 51 104	#533368

#9A8EB6 #8E7EA9 #826F9C #76608F #6A5182 #5E4275 #533368

#9A8EB6 - #533368

Mélange HSV

#9A8EB6 - #533368 | 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 #9A8EB6 0% et #533368 100%.

0.0%	0.0% #9A8EB6	RVB 154 142 182	#9A8EB6
16.7%	16.7% #8B7BA9	RVB 139 123 169	#8B7BA9
33.3%	33.3% #7E6A9C	RVB 126 106 156	#7E6A9C
50.0%	50.0% #725A8F	RVB 114 90 143	#725A8F
66.7%	66.7% #674C82	RVB 103 76 130	#674C82
83.3%	83.3% #5C3F75	RVB 92 63 117	#5C3F75
100.0%	100.0% #533368	RVB 83 51 104	#533368

#9A8EB6 #8B7BA9 #7E6A9C #725A8F #674C82 #5C3F75 #533368

#9A8EB6 - #725A8F - #533368

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A8EB6 0%, #725A8F 50%, #533368 100%);
    background: -webkit-linear-gradient(top, #9A8EB6 0%, #725A8F 50%, #533368 100%);
    background: linear-gradient(to bottom, #9A8EB6 0%, #725A8F 50%, #533368 100%);
}
</style>