#5E5E5E - #0F5B56 | 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 à #0F5B56

#5E5E5E #0F5B56

Calculez la couleur entre deux couleurs, #5E5E5E et #0F5B56. 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 - #0F5B56 | 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 #0F5B56 100%.

0.0%	0.0% #5E5E5E	RVB 94 94 94	#5E5E5E
16.7%	16.7% #505D5C	RVB 80 93 92	#505D5C
33.3%	33.3% #435D5B	RVB 67 93 91	#435D5B
50.0%	50.0% #365C5A	RVB 54 92 90	#365C5A
66.7%	66.7% #295C58	RVB 41 92 88	#295C58
83.3%	83.3% #1C5B57	RVB 28 91 87	#1C5B57
100.0%	100.0% #0F5B56	RVB 15 91 86	#0F5B56

#5E5E5E #505D5C #435D5B #365C5A #295C58 #1C5B57 #0F5B56

#5E5E5E - #0F5B56

Mélange HSV

#5E5E5E - #0F5B56 | 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 #0F5B56 100%.

0.0%	0.0% #5E5E5E	RVB 94 94 94	#5E5E5E
16.7%	16.7% #5D5650	RVB 93 86 80	#5D5650
33.3%	33.3% #5D5C43	RVB 93 92 67	#5D5C43
50.0%	50.0% #4A5C35	RVB 74 92 53	#4A5C35
66.7%	66.7% #2B5C28	RVB 43 92 40	#2B5C28
83.3%	83.3% #1B5B38	RVB 27 91 56	#1B5B38
100.0%	100.0% #0F5B56	RVB 15 91 86	#0F5B56

#5E5E5E #5D5650 #5D5C43 #4A5C35 #2B5C28 #1B5B38 #0F5B56

#5E5E5E - #4A5C35 - #0F5B56

Codes CSS

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

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