#5E6D7B - #AC8FEC | 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 #5E6D7B à #AC8FEC

#5E6D7B #AC8FEC

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

#5E6D7B - #AC8FEC | 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 #5E6D7B 0% et #AC8FEC 100%.

0.0%	0.0% #5E6D7B	RVB 94 109 123	#5E6D7B
16.7%	16.7% #6B728D	RVB 107 114 141	#6B728D
33.3%	33.3% #7878A0	RVB 120 120 160	#7878A0
50.0%	50.0% #857EB3	RVB 133 126 179	#857EB3
66.7%	66.7% #9283C6	RVB 146 131 198	#9283C6
83.3%	83.3% #9F89D9	RVB 159 137 217	#9F89D9
100.0%	100.0% #AC8FEC	RVB 172 143 236	#AC8FEC

#5E6D7B #6B728D #7878A0 #857EB3 #9283C6 #9F89D9 #AC8FEC

#5E6D7B - #AC8FEC

Mélange HSV

#5E6D7B - #AC8FEC | 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 #5E6D7B 0% et #AC8FEC 100%.

0.0%	0.0% #5E6D7B	RVB 94 109 123	#5E6D7B
16.7%	16.7% #68768D	RVB 104 118 141	#68768D
33.3%	33.3% #727DA0	RVB 114 125 160	#727DA0
50.0%	50.0% #7A80B3	RVB 122 128 179	#7A80B3
66.7%	66.7% #8582C6	RVB 133 130 198	#8582C6
83.3%	83.3% #9789D9	RVB 151 137 217	#9789D9
100.0%	100.0% #AC8FEC	RVB 172 143 236	#AC8FEC

#5E6D7B #68768D #727DA0 #7A80B3 #8582C6 #9789D9 #AC8FEC

#5E6D7B - #7A80B3 - #AC8FEC

Codes CSS

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

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