#3C5E2B - #163A02 | 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 #3C5E2B à #163A02

#3C5E2B #163A02

Calculez la couleur entre deux couleurs, #3C5E2B et #163A02. 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)

#3C5E2B - #163A02 | 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 #3C5E2B 0% et #163A02 100%.

0.0%	0.0% #3C5E2B	RVB 60 94 43	#3C5E2B
16.7%	16.7% #355824	RVB 53 88 36	#355824
33.3%	33.3% #2F521D	RVB 47 82 29	#2F521D
50.0%	50.0% #294C16	RVB 41 76 22	#294C16
66.7%	66.7% #22460F	RVB 34 70 15	#22460F
83.3%	83.3% #1C4008	RVB 28 64 8	#1C4008
100.0%	100.0% #163A02	RVB 22 58 2	#163A02

#3C5E2B #355824 #2F521D #294C16 #22460F #1C4008 #163A02

#3C5E2B - #163A02

Mélange HSV

#3C5E2B - #163A02 | 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 #3C5E2B 0% et #163A02 100%.

0.0%	0.0% #3C5E2B	RVB 60 94 43	#3C5E2B
16.7%	16.7% #345822	RVB 52 88 34	#345822
33.3%	33.3% #2D5219	RVB 45 82 25	#2D5219
50.0%	50.0% #264C12	RVB 38 76 18	#264C12
66.7%	66.7% #20460C	RVB 32 70 12	#20460C
83.3%	83.3% #1A4006	RVB 26 64 6	#1A4006
100.0%	100.0% #163A02	RVB 22 58 2	#163A02

#3C5E2B #345822 #2D5219 #264C12 #20460C #1A4006 #163A02

#3C5E2B - #264C12 - #163A02

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C5E2B 0%, #264C12 50%, #163A02 100%);
    background: -webkit-linear-gradient(top, #3C5E2B 0%, #264C12 50%, #163A02 100%);
    background: linear-gradient(to bottom, #3C5E2B 0%, #264C12 50%, #163A02 100%);
}
</style>