#5E7B99 - #C0BCB5 | 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 #5E7B99 à #C0BCB5

#5E7B99 #C0BCB5

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

#5E7B99 - #C0BCB5 | 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 #5E7B99 0% et #C0BCB5 100%.

0.0%	0.0% #5E7B99	RVB 94 123 153	#5E7B99
16.7%	16.7% #6E859D	RVB 110 133 157	#6E859D
33.3%	33.3% #7E90A2	RVB 126 144 162	#7E90A2
50.0%	50.0% #8F9BA7	RVB 143 155 167	#8F9BA7
66.7%	66.7% #9FA6AB	RVB 159 166 171	#9FA6AB
83.3%	83.3% #AFB1B0	RVB 175 177 176	#AFB1B0
100.0%	100.0% #C0BCB5	RVB 192 188 181	#C0BCB5

#5E7B99 #6E859D #7E90A2 #8F9BA7 #9FA6AB #AFB1B0 #C0BCB5

#5E7B99 - #C0BCB5

Mélange HSV

#5E7B99 - #C0BCB5 | 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 #5E7B99 0% et #C0BCB5 100%.

0.0%	0.0% #5E7B99	RVB 94 123 153	#5E7B99
16.7%	16.7% #6A9D9F	RVB 106 157 159	#6A9D9F
33.3%	33.3% #78A691	RVB 120 166 145	#78A691
50.0%	50.0% #86AC89	RVB 134 172 137	#86AC89
66.7%	66.7% #A1B395	RVB 161 179 149	#A1B395
83.3%	83.3% #B7B9A4	RVB 183 185 164	#B7B9A4
100.0%	100.0% #C0BCB5	RVB 192 188 181	#C0BCB5

#5E7B99 #6A9D9F #78A691 #86AC89 #A1B395 #B7B9A4 #C0BCB5

#5E7B99 - #86AC89 - #C0BCB5

Codes CSS

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

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