#5E5E81 - #AF9F9D | 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 #5E5E81 à #AF9F9D

#5E5E81 #AF9F9D

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

#5E5E81 - #AF9F9D | 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 #5E5E81 0% et #AF9F9D 100%.

0.0%	0.0% #5E5E81	RVB 94 94 129	#5E5E81
16.7%	16.7% #6B6885	RVB 107 104 133	#6B6885
33.3%	33.3% #79738A	RVB 121 115 138	#79738A
50.0%	50.0% #867E8F	RVB 134 126 143	#867E8F
66.7%	66.7% #948993	RVB 148 137 147	#948993
83.3%	83.3% #A19498	RVB 161 148 152	#A19498
100.0%	100.0% #AF9F9D	RVB 175 159 157	#AF9F9D

#5E5E81 #6B6885 #79738A #867E8F #948993 #A19498 #AF9F9D

#5E5E81 - #AF9F9D

Mélange HSV

#5E5E81 - #AF9F9D | 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 #5E5E81 0% et #AF9F9D 100%.

0.0%	0.0% #5E5E81	RVB 94 94 129	#5E5E81
16.7%	16.7% #736788	RVB 115 103 136	#736788
33.3%	33.3% #877190	RVB 135 113 144	#877190
50.0%	50.0% #987B96	RVB 152 123 150	#987B96
66.7%	66.7% #9F8695	RVB 159 134 149	#9F8695
83.3%	83.3% #A79196	RVB 167 145 150	#A79196
100.0%	100.0% #AF9F9D	RVB 175 159 157	#AF9F9D

#5E5E81 #736788 #877190 #987B96 #9F8695 #A79196 #AF9F9D

#5E5E81 - #987B96 - #AF9F9D

Codes CSS

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

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