#3C5E2D - #163B02 | 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 #3C5E2D à #163B02

#3C5E2D #163B02

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

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

0.0%	0.0% #3C5E2D	RVB 60 94 45	#3C5E2D
16.7%	16.7% #355825	RVB 53 88 37	#355825
33.3%	33.3% #2F521E	RVB 47 82 30	#2F521E
50.0%	50.0% #294C17	RVB 41 76 23	#294C17
66.7%	66.7% #224610	RVB 34 70 16	#224610
83.3%	83.3% #1C4009	RVB 28 64 9	#1C4009
100.0%	100.0% #163B02	RVB 22 59 2	#163B02

#3C5E2D #355825 #2F521E #294C17 #224610 #1C4009 #163B02

#3C5E2D - #163B02

Mélange HSV

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

0.0%	0.0% #3C5E2D	RVB 60 94 45	#3C5E2D
16.7%	16.7% #345823	RVB 52 88 35	#345823
33.3%	33.3% #2C521B	RVB 44 82 27	#2C521B
50.0%	50.0% #264C13	RVB 38 76 19	#264C13
66.7%	66.7% #20460C	RVB 32 70 12	#20460C
83.3%	83.3% #1A4007	RVB 26 64 7	#1A4007
100.0%	100.0% #163B02	RVB 22 59 2	#163B02

#3C5E2D #345823 #2C521B #264C13 #20460C #1A4007 #163B02

#3C5E2D - #264C13 - #163B02

Codes CSS

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

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