#3D3C32 - #A88158 | 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 #3D3C32 à #A88158

#3D3C32 #A88158

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

#3D3C32 - #A88158 | 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 #3D3C32 0% et #A88158 100%.

0.0%	0.0% #3D3C32	RVB 61 60 50	#3D3C32
16.7%	16.7% #4E4738	RVB 78 71 56	#4E4738
33.3%	33.3% #60533E	RVB 96 83 62	#60533E
50.0%	50.0% #725E45	RVB 114 94 69	#725E45
66.7%	66.7% #846A4B	RVB 132 106 75	#846A4B
83.3%	83.3% #967551	RVB 150 117 81	#967551
100.0%	100.0% #A88158	RVB 168 129 88	#A88158

#3D3C32 #4E4738 #60533E #725E45 #846A4B #967551 #A88158

#3D3C32 - #A88158

Mélange HSV

#3D3C32 - #A88158 | 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 #3D3C32 0% et #A88158 100%.

0.0%	0.0% #3D3C32	RVB 61 60 50	#3D3C32
16.7%	16.7% #4E4B3C	RVB 78 75 60	#4E4B3C
33.3%	33.3% #605A45	RVB 96 90 69	#605A45
50.0%	50.0% #72674C	RVB 114 103 76	#72674C
66.7%	66.7% #847252	RVB 132 114 82	#847252
83.3%	83.3% #967B56	RVB 150 123 86	#967B56
100.0%	100.0% #A88158	RVB 168 129 88	#A88158

#3D3C32 #4E4B3C #605A45 #72674C #847252 #967B56 #A88158

#3D3C32 - #72674C - #A88158

Codes CSS

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

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