#3E5E3E - #074D0B | 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 #3E5E3E à #074D0B

#3E5E3E #074D0B

Calculez la couleur entre deux couleurs, #3E5E3E et #074D0B. 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)

#3E5E3E - #074D0B | 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 #3E5E3E 0% et #074D0B 100%.

0.0%	0.0% #3E5E3E	RVB 62 94 62	#3E5E3E
16.7%	16.7% #345B35	RVB 52 91 53	#345B35
33.3%	33.3% #2B582D	RVB 43 88 45	#2B582D
50.0%	50.0% #225524	RVB 34 85 36	#225524
66.7%	66.7% #19521C	RVB 25 82 28	#19521C
83.3%	83.3% #104F13	RVB 16 79 19	#104F13
100.0%	100.0% #074D0B	RVB 7 77 11	#074D0B

#3E5E3E #345B35 #2B582D #225524 #19521C #104F13 #074D0B

#3E5E3E - #074D0B

Mélange HSV

#3E5E3E - #074D0B | 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 #3E5E3E 0% et #074D0B 100%.

0.0%	0.0% #3E5E3E	RVB 62 94 62	#3E5E3E
16.7%	16.7% #335B33	RVB 51 91 51	#335B33
33.3%	33.3% #29582A	RVB 41 88 42	#29582A
50.0%	50.0% #205521	RVB 32 85 33	#205521
66.7%	66.7% #175219	RVB 23 82 25	#175219
83.3%	83.3% #0E4F11	RVB 14 79 17	#0E4F11
100.0%	100.0% #074D0B	RVB 7 77 11	#074D0B

#3E5E3E #335B33 #29582A #205521 #175219 #0E4F11 #074D0B

#3E5E3E - #205521 - #074D0B

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E3E 0%, #205521 50%, #074D0B 100%);
    background: -webkit-linear-gradient(top, #3E5E3E 0%, #205521 50%, #074D0B 100%);
    background: linear-gradient(to bottom, #3E5E3E 0%, #205521 50%, #074D0B 100%);
}
</style>