#5E5E9E - #A6A2B9 | 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 #5E5E9E à #A6A2B9

#5E5E9E #A6A2B9

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

#5E5E9E - #A6A2B9 | 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 #5E5E9E 0% et #A6A2B9 100%.

0.0%	0.0% #5E5E9E	RVB 94 94 158	#5E5E9E
16.7%	16.7% #6A69A2	RVB 106 105 162	#6A69A2
33.3%	33.3% #7674A7	RVB 118 116 167	#7674A7
50.0%	50.0% #8280AB	RVB 130 128 171	#8280AB
66.7%	66.7% #8E8BB0	RVB 142 139 176	#8E8BB0
83.3%	83.3% #9A96B4	RVB 154 150 180	#9A96B4
100.0%	100.0% #A6A2B9	RVB 166 162 185	#A6A2B9

#5E5E9E #6A69A2 #7674A7 #8280AB #8E8BB0 #9A96B4 #A6A2B9

#5E5E9E - #A6A2B9

Mélange HSV

#5E5E9E - #A6A2B9 | 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 #5E5E9E 0% et #A6A2B9 100%.

0.0%	0.0% #5E5E9E	RVB 94 94 158	#5E5E9E
16.7%	16.7% #6968A2	RVB 105 104 162	#6968A2
33.3%	33.3% #7572A7	RVB 117 114 167	#7572A7
50.0%	50.0% #827EAB	RVB 130 126 171	#827EAB
66.7%	66.7% #8E89B0	RVB 142 137 176	#8E89B0
83.3%	83.3% #9A95B4	RVB 154 149 180	#9A95B4
100.0%	100.0% #A6A2B9	RVB 166 162 185	#A6A2B9

#5E5E9E #6968A2 #7572A7 #827EAB #8E89B0 #9A95B4 #A6A2B9

#5E5E9E - #827EAB - #A6A2B9

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E9E 0%, #827EAB 50%, #A6A2B9 100%);
    background: -webkit-linear-gradient(top, #5E5E9E 0%, #827EAB 50%, #A6A2B9 100%);
    background: linear-gradient(to bottom, #5E5E9E 0%, #827EAB 50%, #A6A2B9 100%);
}
</style>