#5E5E83 - #AE9F9F | 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 #5E5E83 à #AE9F9F

#5E5E83 #AE9F9F

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

#5E5E83 - #AE9F9F | 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 #5E5E83 0% et #AE9F9F 100%.

0.0%	0.0% #5E5E83	RVB 94 94 131	#5E5E83
16.7%	16.7% #6B6887	RVB 107 104 135	#6B6887
33.3%	33.3% #78738C	RVB 120 115 140	#78738C
50.0%	50.0% #867E91	RVB 134 126 145	#867E91
66.7%	66.7% #938995	RVB 147 137 149	#938995
83.3%	83.3% #A0949A	RVB 160 148 154	#A0949A
100.0%	100.0% #AE9F9F	RVB 174 159 159	#AE9F9F

#5E5E83 #6B6887 #78738C #867E91 #938995 #A0949A #AE9F9F

#5E5E83 - #AE9F9F

Mélange HSV

#5E5E83 - #AE9F9F | 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 #5E5E83 0% et #AE9F9F 100%.

0.0%	0.0% #5E5E83	RVB 94 94 131	#5E5E83
16.7%	16.7% #73678A	RVB 115 103 138	#73678A
33.3%	33.3% #867191	RVB 134 113 145	#867191
50.0%	50.0% #987C98	RVB 152 124 152	#987C98
66.7%	66.7% #9F8797	RVB 159 135 151	#9F8797
83.3%	83.3% #A69299	RVB 166 146 153	#A69299
100.0%	100.0% #AE9F9F	RVB 174 159 159	#AE9F9F

#5E5E83 #73678A #867191 #987C98 #9F8797 #A69299 #AE9F9F

#5E5E83 - #987C98 - #AE9F9F

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E83 0%, #987C98 50%, #AE9F9F 100%);
    background: -webkit-linear-gradient(top, #5E5E83 0%, #987C98 50%, #AE9F9F 100%);
    background: linear-gradient(to bottom, #5E5E83 0%, #987C98 50%, #AE9F9F 100%);
}
</style>