#5E6FAC - #ADB3C5 | 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 #5E6FAC à #ADB3C5

#5E6FAC #ADB3C5

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

#5E6FAC - #ADB3C5 | 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 #5E6FAC 0% et #ADB3C5 100%.

0.0%	0.0% #5E6FAC	RVB 94 111 172	#5E6FAC
16.7%	16.7% #6B7AB0	RVB 107 122 176	#6B7AB0
33.3%	33.3% #7885B4	RVB 120 133 180	#7885B4
50.0%	50.0% #8591B8	RVB 133 145 184	#8591B8
66.7%	66.7% #929CBC	RVB 146 156 188	#929CBC
83.3%	83.3% #9FA7C0	RVB 159 167 192	#9FA7C0
100.0%	100.0% #ADB3C5	RVB 173 179 197	#ADB3C5

#5E6FAC #6B7AB0 #7885B4 #8591B8 #929CBC #9FA7C0 #ADB3C5

#5E6FAC - #ADB3C5

Mélange HSV

#5E6FAC - #ADB3C5 | 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 #5E6FAC 0% et #ADB3C5 100%.

0.0%	0.0% #5E6FAC	RVB 94 111 172	#5E6FAC
16.7%	16.7% #6A79B0	RVB 106 121 176	#6A79B0
33.3%	33.3% #7684B4	RVB 118 132 180	#7684B4
50.0%	50.0% #838FB8	RVB 131 143 184	#838FB8
66.7%	66.7% #909BBC	RVB 144 155 188	#909BBC
83.3%	83.3% #9EA7C0	RVB 158 167 192	#9EA7C0
100.0%	100.0% #ADB3C5	RVB 173 179 197	#ADB3C5

#5E6FAC #6A79B0 #7684B4 #838FB8 #909BBC #9EA7C0 #ADB3C5

#5E6FAC - #838FB8 - #ADB3C5

Codes CSS

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

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