#3C6D3C - #134B05 | 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 #3C6D3C à #134B05

#3C6D3C #134B05

Calculez la couleur entre deux couleurs, #3C6D3C et #134B05. 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)

#3C6D3C - #134B05 | 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 #3C6D3C 0% et #134B05 100%.

0.0%	0.0% #3C6D3C	RVB 60 109 60	#3C6D3C
16.7%	16.7% #356732	RVB 53 103 50	#356732
33.3%	33.3% #2E6129	RVB 46 97 41	#2E6129
50.0%	50.0% #275C20	RVB 39 92 32	#275C20
66.7%	66.7% #205617	RVB 32 86 23	#205617
83.3%	83.3% #19500E	RVB 25 80 14	#19500E
100.0%	100.0% #134B05	RVB 19 75 5	#134B05

#3C6D3C #356732 #2E6129 #275C20 #205617 #19500E #134B05

#3C6D3C - #134B05

Mélange HSV

#3C6D3C - #134B05 | 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 #3C6D3C 0% et #134B05 100%.

0.0%	0.0% #3C6D3C	RVB 60 109 60	#3C6D3C
16.7%	16.7% #326730	RVB 50 103 48	#326730
33.3%	33.3% #296126	RVB 41 97 38	#296126
50.0%	50.0% #225C1C	RVB 34 92 28	#225C1C
66.7%	66.7% #1C5613	RVB 28 86 19	#1C5613
83.3%	83.3% #17500B	RVB 23 80 11	#17500B
100.0%	100.0% #134B05	RVB 19 75 5	#134B05

#3C6D3C #326730 #296126 #225C1C #1C5613 #17500B #134B05

#3C6D3C - #225C1C - #134B05

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C6D3C 0%, #225C1C 50%, #134B05 100%);
    background: -webkit-linear-gradient(top, #3C6D3C 0%, #225C1C 50%, #134B05 100%);
    background: linear-gradient(to bottom, #3C6D3C 0%, #225C1C 50%, #134B05 100%);
}
</style>