#5E5E6F - #B49D8B | 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 #5E5E6F à #B49D8B

#5E5E6F #B49D8B

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

#5E5E6F - #B49D8B | 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 #5E5E6F 0% et #B49D8B 100%.

0.0%	0.0% #5E5E6F	RVB 94 94 111	#5E5E6F
16.7%	16.7% #6C6873	RVB 108 104 115	#6C6873
33.3%	33.3% #7A7378	RVB 122 115 120	#7A7378
50.0%	50.0% #897D7D	RVB 137 125 125	#897D7D
66.7%	66.7% #978881	RVB 151 136 129	#978881
83.3%	83.3% #A59286	RVB 165 146 134	#A59286
100.0%	100.0% #B49D8B	RVB 180 157 139	#B49D8B

#5E5E6F #6C6873 #7A7378 #897D7D #978881 #A59286 #B49D8B

#5E5E6F - #B49D8B

Mélange HSV

#5E5E6F - #B49D8B | 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 #5E5E6F 0% et #B49D8B 100%.

0.0%	0.0% #5E5E6F	RVB 94 94 111	#5E5E6F
16.7%	16.7% #6E667A	RVB 110 102 122	#6E667A
33.3%	33.3% #816E86	RVB 129 110 134	#816E86
50.0%	50.0% #91758B	RVB 145 117 139	#91758B
66.7%	66.7% #9D7D89	RVB 157 125 137	#9D7D89
83.3%	83.3% #A88584	RVB 168 133 132	#A88584
100.0%	100.0% #B49D8B	RVB 180 157 139	#B49D8B

#5E5E6F #6E667A #816E86 #91758B #9D7D89 #A88584 #B49D8B

#5E5E6F - #91758B - #B49D8B

Codes CSS

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

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