#5E5E73 - #B39E8F | 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 #5E5E73 à #B39E8F

#5E5E73 #B39E8F

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

#5E5E73 - #B39E8F | 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 #5E5E73 0% et #B39E8F 100%.

0.0%	0.0% #5E5E73	RVB 94 94 115	#5E5E73
16.7%	16.7% #6C6877	RVB 108 104 119	#6C6877
33.3%	33.3% #7A737C	RVB 122 115 124	#7A737C
50.0%	50.0% #887E81	RVB 136 126 129	#887E81
66.7%	66.7% #968885	RVB 150 136 133	#968885
83.3%	83.3% #A4938A	RVB 164 147 138	#A4938A
100.0%	100.0% #B39E8F	RVB 179 158 143	#B39E8F

#5E5E73 #6C6877 #7A737C #887E81 #968885 #A4938A #B39E8F

#5E5E73 - #B39E8F

Mélange HSV

#5E5E73 - #B39E8F | 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 #5E5E73 0% et #B39E8F 100%.

0.0%	0.0% #5E5E73	RVB 94 94 115	#5E5E73
16.7%	16.7% #6F667D	RVB 111 102 125	#6F667D
33.3%	33.3% #836E88	RVB 131 110 136	#836E88
50.0%	50.0% #93768D	RVB 147 118 141	#93768D
66.7%	66.7% #9D7E8A	RVB 157 126 138	#9D7E8A
83.3%	83.3% #A88786	RVB 168 135 134	#A88786
100.0%	100.0% #B39E8F	RVB 179 158 143	#B39E8F

#5E5E73 #6F667D #836E88 #93768D #9D7E8A #A88786 #B39E8F

#5E5E73 - #93768D - #B39E8F

Codes CSS

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

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