#3E5E3D - #134204 | 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 #3E5E3D à #134204

#3E5E3D #134204

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

#3E5E3D - #134204 | 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 #3E5E3D 0% et #134204 100%.

0.0%	0.0% #3E5E3D	RVB 62 94 61	#3E5E3D
16.7%	16.7% #365933	RVB 54 89 51	#365933
33.3%	33.3% #2F542A	RVB 47 84 42	#2F542A
50.0%	50.0% #285020	RVB 40 80 32	#285020
66.7%	66.7% #214B17	RVB 33 75 23	#214B17
83.3%	83.3% #1A460D	RVB 26 70 13	#1A460D
100.0%	100.0% #134204	RVB 19 66 4	#134204

#3E5E3D #365933 #2F542A #285020 #214B17 #1A460D #134204

#3E5E3D - #134204

Mélange HSV

#3E5E3D - #134204 | 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 #3E5E3D 0% et #134204 100%.

0.0%	0.0% #3E5E3D	RVB 62 94 61	#3E5E3D
16.7%	16.7% #335931	RVB 51 89 49	#335931
33.3%	33.3% #2B5426	RVB 43 84 38	#2B5426
50.0%	50.0% #23501C	RVB 35 80 28	#23501C
66.7%	66.7% #1C4B13	RVB 28 75 19	#1C4B13
83.3%	83.3% #17460B	RVB 23 70 11	#17460B
100.0%	100.0% #134204	RVB 19 66 4	#134204

#3E5E3D #335931 #2B5426 #23501C #1C4B13 #17460B #134204

#3E5E3D - #23501C - #134204

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E3D 0%, #23501C 50%, #134204 100%);
    background: -webkit-linear-gradient(top, #3E5E3D 0%, #23501C 50%, #134204 100%);
    background: linear-gradient(to bottom, #3E5E3D 0%, #23501C 50%, #134204 100%);
}
</style>