#3E3D22 - #AA8045 | 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 #3E3D22 à #AA8045

#3E3D22 #AA8045

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

#3E3D22 - #AA8045 | 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 #3E3D22 0% et #AA8045 100%.

0.0%	0.0% #3E3D22	RVB 62 61 34	#3E3D22
16.7%	16.7% #504827	RVB 80 72 39	#504827
33.3%	33.3% #62532D	RVB 98 83 45	#62532D
50.0%	50.0% #745E33	RVB 116 94 51	#745E33
66.7%	66.7% #866939	RVB 134 105 57	#866939
83.3%	83.3% #98743F	RVB 152 116 63	#98743F
100.0%	100.0% #AA8045	RVB 170 128 69	#AA8045

#3E3D22 #504827 #62532D #745E33 #866939 #98743F #AA8045

#3E3D22 - #AA8045

Mélange HSV

#3E3D22 - #AA8045 | 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 #3E3D22 0% et #AA8045 100%.

0.0%	0.0% #3E3D22	RVB 62 61 34	#3E3D22
16.7%	16.7% #504C29	RVB 80 76 41	#504C29
33.3%	33.3% #625A31	RVB 98 90 49	#625A31
50.0%	50.0% #746637	RVB 116 102 55	#746637
66.7%	66.7% #86703C	RVB 134 112 60	#86703C
83.3%	83.3% #987941	RVB 152 121 65	#987941
100.0%	100.0% #AA8045	RVB 170 128 69	#AA8045

#3E3D22 #504C29 #625A31 #746637 #86703C #987941 #AA8045

#3E3D22 - #746637 - #AA8045

Codes CSS

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

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