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

#5E5E5E #0F5B40

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

0.0%	0.0% #5E5E5E	RVB 94 94 94	#5E5E5E
16.7%	16.7% #505D59	RVB 80 93 89	#505D59
33.3%	33.3% #435D54	RVB 67 93 84	#435D54
50.0%	50.0% #365C4F	RVB 54 92 79	#365C4F
66.7%	66.7% #295C4A	RVB 41 92 74	#295C4A
83.3%	83.3% #1C5B45	RVB 28 91 69	#1C5B45
100.0%	100.0% #0F5B40	RVB 15 91 64	#0F5B40

#5E5E5E #505D59 #435D54 #365C4F #295C4A #1C5B45 #0F5B40

#5E5E5E - #0F5B40

Mélange HSV

#5E5E5E - #0F5B40 | 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 #0F5B40 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% #5D5943	RVB 93 89 67	#5D5943
50.0%	50.0% #505C35	RVB 80 92 53	#505C35
66.7%	66.7% #345C28	RVB 52 92 40	#345C28
83.3%	83.3% #1B5B28	RVB 27 91 40	#1B5B28
100.0%	100.0% #0F5B40	RVB 15 91 64	#0F5B40

#5E5E5E #5D5650 #5D5943 #505C35 #345C28 #1B5B28 #0F5B40

#5E5E5E - #505C35 - #0F5B40

Codes CSS

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

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