#5E5E8F - #B8B2AC | 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 #5E5E8F à #B8B2AC

#5E5E8F #B8B2AC

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

#5E5E8F - #B8B2AC | 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 #5E5E8F 0% et #B8B2AC 100%.

0.0%	0.0% #5E5E8F	RVB 94 94 143	#5E5E8F
16.7%	16.7% #6D6C93	RVB 109 108 147	#6D6C93
33.3%	33.3% #7C7A98	RVB 124 122 152	#7C7A98
50.0%	50.0% #8B889D	RVB 139 136 157	#8B889D
66.7%	66.7% #9A96A2	RVB 154 150 162	#9A96A2
83.3%	83.3% #A9A4A7	RVB 169 164 167	#A9A4A7
100.0%	100.0% #B8B2AC	RVB 184 178 172	#B8B2AC

#5E5E8F #6D6C93 #7C7A98 #8B889D #9A96A2 #A9A4A7 #B8B2AC

#5E5E8F - #B8B2AC

Mélange HSV

#5E5E8F - #B8B2AC | 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 #5E5E8F 0% et #B8B2AC 100%.

0.0%	0.0% #5E5E8F	RVB 94 94 143	#5E5E8F
16.7%	16.7% #7B6995	RVB 123 105 149	#7B6995
33.3%	33.3% #96759C	RVB 150 117 156	#96759C
50.0%	50.0% #A3829B	RVB 163 130 155	#A3829B
66.7%	66.7% #AA8F98	RVB 170 143 152	#AA8F98
83.3%	83.3% #B19F9D	RVB 177 159 157	#B19F9D
100.0%	100.0% #B8B2AC	RVB 184 178 172	#B8B2AC

#5E5E8F #7B6995 #96759C #A3829B #AA8F98 #B19F9D #B8B2AC

#5E5E8F - #A3829B - #B8B2AC

Codes CSS

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

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