#3E3E3C - #342703 | 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 #3E3E3C à #342703

#3E3E3C #342703

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

#3E3E3C - #342703 | 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 #3E3E3C 0% et #342703 100%.

0.0%	0.0% #3E3E3C	RVB 62 62 60	#3E3E3C
16.7%	16.7% #3C3A32	RVB 60 58 50	#3C3A32
33.3%	33.3% #3A3629	RVB 58 54 41	#3A3629
50.0%	50.0% #39321F	RVB 57 50 31	#39321F
66.7%	66.7% #372E16	RVB 55 46 22	#372E16
83.3%	83.3% #352A0C	RVB 53 42 12	#352A0C
100.0%	100.0% #342703	RVB 52 39 3	#342703

#3E3E3C #3C3A32 #3A3629 #39321F #372E16 #352A0C #342703

#3E3E3C - #342703

Mélange HSV

#3E3E3C - #342703 | 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 #3E3E3C 0% et #342703 100%.

0.0%	0.0% #3E3E3C	RVB 62 62 60	#3E3E3C
16.7%	16.7% #3C3B31	RVB 60 59 49	#3C3B31
33.3%	33.3% #3A3826	RVB 58 56 38	#3A3826
50.0%	50.0% #39351D	RVB 57 53 29	#39351D
66.7%	66.7% #373113	RVB 55 49 19	#373113
83.3%	83.3% #352C0B	RVB 53 44 11	#352C0B
100.0%	100.0% #342703	RVB 52 39 3	#342703

#3E3E3C #3C3B31 #3A3826 #39351D #373113 #352C0B #342703

#3E3E3C - #39351D - #342703

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3E3C 0%, #39351D 50%, #342703 100%);
    background: -webkit-linear-gradient(top, #3E3E3C 0%, #39351D 50%, #342703 100%);
    background: linear-gradient(to bottom, #3E3E3C 0%, #39351D 50%, #342703 100%);
}
</style>