#5E4336 - #CA895A | 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 #5E4336 à #CA895A

#5E4336 #CA895A

Calculez la couleur entre deux couleurs, #5E4336 et #CA895A. 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)

#5E4336 - #CA895A | 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 #5E4336 0% et #CA895A 100%.

0.0%	0.0% #5E4336	RVB 94 67 54	#5E4336
16.7%	16.7% #704E3C	RVB 112 78 60	#704E3C
33.3%	33.3% #825A42	RVB 130 90 66	#825A42
50.0%	50.0% #946648	RVB 148 102 72	#946648
66.7%	66.7% #A6714E	RVB 166 113 78	#A6714E
83.3%	83.3% #B87D54	RVB 184 125 84	#B87D54
100.0%	100.0% #CA895A	RVB 202 137 90	#CA895A

#5E4336 #704E3C #825A42 #946648 #A6714E #B87D54 #CA895A

#5E4336 - #CA895A

Mélange HSV

#5E4336 - #CA895A | 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 #5E4336 0% et #CA895A 100%.

0.0%	0.0% #5E4336	RVB 94 67 54	#5E4336
16.7%	16.7% #704E3D	RVB 112 78 61	#704E3D
33.3%	33.3% #825A45	RVB 130 90 69	#825A45
50.0%	50.0% #94664B	RVB 148 102 75	#94664B
66.7%	66.7% #A67251	RVB 166 114 81	#A67251
83.3%	83.3% #B87D55	RVB 184 125 85	#B87D55
100.0%	100.0% #CA895A	RVB 202 137 90	#CA895A

#5E4336 #704E3D #825A45 #94664B #A67251 #B87D55 #CA895A

#5E4336 - #94664B - #CA895A

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4336 0%, #94664B 50%, #CA895A 100%);
    background: -webkit-linear-gradient(top, #5E4336 0%, #94664B 50%, #CA895A 100%);
    background: linear-gradient(to bottom, #5E4336 0%, #94664B 50%, #CA895A 100%);
}
</style>