#3E3E3E - #114A02 | 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 #3E3E3E à #114A02

#3E3E3E #114A02

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

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

0.0%	0.0% #3E3E3E	RVB 62 62 62	#3E3E3E
16.7%	16.7% #364034	RVB 54 64 52	#364034
33.3%	33.3% #2F422A	RVB 47 66 42	#2F422A
50.0%	50.0% #274420	RVB 39 68 32	#274420
66.7%	66.7% #204616	RVB 32 70 22	#204616
83.3%	83.3% #18480C	RVB 24 72 12	#18480C
100.0%	100.0% #114A02	RVB 17 74 2	#114A02

#3E3E3E #364034 #2F422A #274420 #204616 #18480C #114A02

#3E3E3E - #114A02

Mélange HSV

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

0.0%	0.0% #3E3E3E	RVB 62 62 62	#3E3E3E
16.7%	16.7% #403835	RVB 64 56 53	#403835
33.3%	33.3% #42392C	RVB 66 57 44	#42392C
50.0%	50.0% #444022	RVB 68 64 34	#444022
66.7%	66.7% #3D4618	RVB 61 70 24	#3D4618
83.3%	83.3% #2B480D	RVB 43 72 13	#2B480D
100.0%	100.0% #114A02	RVB 17 74 2	#114A02

#3E3E3E #403835 #42392C #444022 #3D4618 #2B480D #114A02

#3E3E3E - #444022 - #114A02

Codes CSS

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

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