#5E6685 - #B5A8A2 | 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 #5E6685 à #B5A8A2

#5E6685 #B5A8A2

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

#5E6685 - #B5A8A2 | 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 #5E6685 0% et #B5A8A2 100%.

0.0%	0.0% #5E6685	RVB 94 102 133	#5E6685
16.7%	16.7% #6C7189	RVB 108 113 137	#6C7189
33.3%	33.3% #7B7C8E	RVB 123 124 142	#7B7C8E
50.0%	50.0% #898793	RVB 137 135 147	#898793
66.7%	66.7% #989298	RVB 152 146 152	#989298
83.3%	83.3% #A69D9D	RVB 166 157 157	#A69D9D
100.0%	100.0% #B5A8A2	RVB 181 168 162	#B5A8A2

#5E6685 #6C7189 #7B7C8E #898793 #989298 #A69D9D #B5A8A2

#5E6685 - #B5A8A2

Mélange HSV

#5E6685 - #B5A8A2 | 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 #5E6685 0% et #B5A8A2 100%.

0.0%	0.0% #5E6685	RVB 94 102 133	#5E6685
16.7%	16.7% #70688D	RVB 112 104 141	#70688D
33.3%	33.3% #887295	RVB 136 114 149	#887295
50.0%	50.0% #9D7D9B	RVB 157 125 155	#9D7D9B
66.7%	66.7% #A58997	RVB 165 137 151	#A58997
83.3%	83.3% #AD9597	RVB 173 149 151	#AD9597
100.0%	100.0% #B5A8A2	RVB 181 168 162	#B5A8A2

#5E6685 #70688D #887295 #9D7D9B #A58997 #AD9597 #B5A8A2

#5E6685 - #9D7D9B - #B5A8A2

Codes CSS

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

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