#5E5E7A - #B19E96 | 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 #5E5E7A à #B19E96

#5E5E7A #B19E96

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

#5E5E7A - #B19E96 | 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 #5E5E7A 0% et #B19E96 100%.

0.0%	0.0% #5E5E7A	RVB 94 94 122	#5E5E7A
16.7%	16.7% #6B687E	RVB 107 104 126	#6B687E
33.3%	33.3% #797383	RVB 121 115 131	#797383
50.0%	50.0% #877E88	RVB 135 126 136	#877E88
66.7%	66.7% #95888C	RVB 149 136 140	#95888C
83.3%	83.3% #A39391	RVB 163 147 145	#A39391
100.0%	100.0% #B19E96	RVB 177 158 150	#B19E96

#5E5E7A #6B687E #797383 #877E88 #95888C #A39391 #B19E96

#5E5E7A - #B19E96

Mélange HSV

#5E5E7A - #B19E96 | 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 #5E5E7A 0% et #B19E96 100%.

0.0%	0.0% #5E5E7A	RVB 94 94 122	#5E5E7A
16.7%	16.7% #716683	RVB 113 102 131	#716683
33.3%	33.3% #856F8C	RVB 133 111 140	#856F8C
50.0%	50.0% #957891	RVB 149 120 145	#957891
66.7%	66.7% #9E828F	RVB 158 130 143	#9E828F
83.3%	83.3% #A78C8E	RVB 167 140 142	#A78C8E
100.0%	100.0% #B19E96	RVB 177 158 150	#B19E96

#5E5E7A #716683 #856F8C #957891 #9E828F #A78C8E #B19E96

#5E5E7A - #957891 - #B19E96

Codes CSS

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

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