#5E7B8C - #ABA2AD | 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 #5E7B8C à #ABA2AD

#5E7B8C #ABA2AD

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

#5E7B8C - #ABA2AD | 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 #5E7B8C 0% et #ABA2AD 100%.

0.0%	0.0% #5E7B8C	RVB 94 123 140	#5E7B8C
16.7%	16.7% #6A8191	RVB 106 129 145	#6A8191
33.3%	33.3% #778897	RVB 119 136 151	#778897
50.0%	50.0% #848E9C	RVB 132 142 156	#848E9C
66.7%	66.7% #9195A2	RVB 145 149 162	#9195A2
83.3%	83.3% #9E9BA7	RVB 158 155 167	#9E9BA7
100.0%	100.0% #ABA2AD	RVB 171 162 173	#ABA2AD

#5E7B8C #6A8191 #778897 #848E9C #9195A2 #9E9BA7 #ABA2AD

#5E7B8C - #ABA2AD

Mélange HSV

#5E7B8C - #ABA2AD | 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 #5E7B8C 0% et #ABA2AD 100%.

0.0%	0.0% #5E7B8C	RVB 94 123 140	#5E7B8C
16.7%	16.7% #687891	RVB 104 120 145	#687891
33.3%	33.3% #727897	RVB 114 120 151	#727897
50.0%	50.0% #807D9C	RVB 128 125 156	#807D9C
66.7%	66.7% #9189A2	RVB 145 137 162	#9189A2
83.3%	83.3% #9F95A7	RVB 159 149 167	#9F95A7
100.0%	100.0% #ABA2AD	RVB 171 162 173	#ABA2AD

#5E7B8C #687891 #727897 #807D9C #9189A2 #9F95A7 #ABA2AD

#5E7B8C - #807D9C - #ABA2AD

Codes CSS

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

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