#2D3C0F - #84833C | 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 #2D3C0F à #84833C

#2D3C0F #84833C

Calculez la couleur entre deux couleurs, #2D3C0F et #84833C. 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)

#2D3C0F - #84833C | 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 #2D3C0F 0% et #84833C 100%.

0.0%	0.0% #2D3C0F	RVB 45 60 15	#2D3C0F
16.7%	16.7% #3B4716	RVB 59 71 22	#3B4716
33.3%	33.3% #4A531E	RVB 74 83 30	#4A531E
50.0%	50.0% #585F25	RVB 88 95 37	#585F25
66.7%	66.7% #676B2D	RVB 103 107 45	#676B2D
83.3%	83.3% #757734	RVB 117 119 52	#757734
100.0%	100.0% #84833C	RVB 132 131 60	#84833C

#2D3C0F #3B4716 #4A531E #585F25 #676B2D #757734 #84833C

#2D3C0F - #84833C

Mélange HSV

#2D3C0F - #84833C | 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 #2D3C0F 0% et #84833C 100%.

0.0%	0.0% #2D3C0F	RVB 45 60 15	#2D3C0F
16.7%	16.7% #394814	RVB 57 72 20	#394814
33.3%	33.3% #47541A	RVB 71 84 26	#47541A
50.0%	50.0% #566021	RVB 86 96 33	#566021
66.7%	66.7% #656C29	RVB 101 108 41	#656C29
83.3%	83.3% #747832	RVB 116 120 50	#747832
100.0%	100.0% #84833C	RVB 132 131 60	#84833C

#2D3C0F #394814 #47541A #566021 #656C29 #747832 #84833C

#2D3C0F - #566021 - #84833C

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D3C0F 0%, #566021 50%, #84833C 100%);
    background: -webkit-linear-gradient(top, #2D3C0F 0%, #566021 50%, #84833C 100%);
    background: linear-gradient(to bottom, #2D3C0F 0%, #566021 50%, #84833C 100%);
}
</style>