#3E3E3E - #024A1A | 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 #3E3E3E à #024A1A

#3E3E3E #024A1A

Calculez la couleur entre deux couleurs, #3E3E3E et #024A1A. 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)

#3E3E3E - #024A1A | 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 #3E3E3E 0% et #024A1A 100%.

0.0%	0.0% #3E3E3E	RVB 62 62 62	#3E3E3E
16.7%	16.7% #344038	RVB 52 64 56	#344038
33.3%	33.3% #2A4232	RVB 42 66 50	#2A4232
50.0%	50.0% #20442C	RVB 32 68 44	#20442C
66.7%	66.7% #164626	RVB 22 70 38	#164626
83.3%	83.3% #0C4820	RVB 12 72 32	#0C4820
100.0%	100.0% #024A1A	RVB 2 74 26	#024A1A

#3E3E3E #344038 #2A4232 #20442C #164626 #0C4820 #024A1A

#3E3E3E - #024A1A

Mélange HSV

#3E3E3E - #024A1A | 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 #3E3E3E 0% et #024A1A 100%.

0.0%	0.0% #3E3E3E	RVB 62 62 62	#3E3E3E
16.7%	16.7% #403935	RVB 64 57 53	#403935
33.3%	33.3% #423D2C	RVB 66 61 44	#423D2C
50.0%	50.0% #3E4422	RVB 62 68 34	#3E4422
66.7%	66.7% #2C4618	RVB 44 70 24	#2C4618
83.3%	83.3% #10480D	RVB 16 72 13	#10480D
100.0%	100.0% #024A1A	RVB 2 74 26	#024A1A

#3E3E3E #403935 #423D2C #3E4422 #2C4618 #10480D #024A1A

#3E3E3E - #3E4422 - #024A1A

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3E3E 0%, #3E4422 50%, #024A1A 100%);
    background: -webkit-linear-gradient(top, #3E3E3E 0%, #3E4422 50%, #024A1A 100%);
    background: linear-gradient(to bottom, #3E3E3E 0%, #3E4422 50%, #024A1A 100%);
}
</style>