#5E5E5E - #590E5B | 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 #5E5E5E à #590E5B

#5E5E5E #590E5B

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

#5E5E5E - #590E5B | 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 #5E5E5E 0% et #590E5B 100%.

0.0%	0.0% #5E5E5E	RVB 94 94 94	#5E5E5E
16.7%	16.7% #5D505D	RVB 93 80 93	#5D505D
33.3%	33.3% #5C435D	RVB 92 67 93	#5C435D
50.0%	50.0% #5B365C	RVB 91 54 92	#5B365C
66.7%	66.7% #5A285C	RVB 90 40 92	#5A285C
83.3%	83.3% #591B5B	RVB 89 27 91	#591B5B
100.0%	100.0% #590E5B	RVB 89 14 91	#590E5B

#5E5E5E #5D505D #5C435D #5B365C #5A285C #591B5B #590E5B

#5E5E5E - #590E5B

Mélange HSV

#5E5E5E - #590E5B | 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 #5E5E5E 0% et #590E5B 100%.

0.0%	0.0% #5E5E5E	RVB 94 94 94	#5E5E5E
16.7%	16.7% #5D5052	RVB 93 80 82	#5D5052
33.3%	33.3% #5D424B	RVB 93 66 75	#5D424B
50.0%	50.0% #5C3549	RVB 92 53 73	#5C3549
66.7%	66.7% #5C284B	RVB 92 40 75	#5C284B
83.3%	83.3% #5B1A52	RVB 91 26 82	#5B1A52
100.0%	100.0% #590E5B	RVB 89 14 91	#590E5B

#5E5E5E #5D5052 #5D424B #5C3549 #5C284B #5B1A52 #590E5B

#5E5E5E - #5C3549 - #590E5B

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E5E 0%, #5C3549 50%, #590E5B 100%);
    background: -webkit-linear-gradient(top, #5E5E5E 0%, #5C3549 50%, #590E5B 100%);
    background: linear-gradient(to bottom, #5E5E5E 0%, #5C3549 50%, #590E5B 100%);
}
</style>