#7B5E4E - #5E2D0E | 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 #7B5E4E à #5E2D0E

#7B5E4E #5E2D0E

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

#7B5E4E - #5E2D0E | 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 #7B5E4E 0% et #5E2D0E 100%.

0.0%	0.0% #7B5E4E	RVB 123 94 78	#7B5E4E
16.7%	16.7% #765543	RVB 118 85 67	#765543
33.3%	33.3% #714D38	RVB 113 77 56	#714D38
50.0%	50.0% #6C452E	RVB 108 69 46	#6C452E
66.7%	66.7% #673D23	RVB 103 61 35	#673D23
83.3%	83.3% #623518	RVB 98 53 24	#623518
100.0%	100.0% #5E2D0E	RVB 94 45 14	#5E2D0E

#7B5E4E #765543 #714D38 #6C452E #673D23 #623518 #5E2D0E

#7B5E4E - #5E2D0E

Mélange HSV

#7B5E4E - #5E2D0E | 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 #7B5E4E 0% et #5E2D0E 100%.

0.0%	0.0% #7B5E4E	RVB 123 94 78	#7B5E4E
16.7%	16.7% #765441	RVB 118 84 65	#765441
33.3%	33.3% #714B35	RVB 113 75 53	#714B35
50.0%	50.0% #6C432A	RVB 108 67 42	#6C432A
66.7%	66.7% #673B20	RVB 103 59 32	#673B20
83.3%	83.3% #623316	RVB 98 51 22	#623316
100.0%	100.0% #5E2D0E	RVB 94 45 14	#5E2D0E

#7B5E4E #765441 #714B35 #6C432A #673B20 #623316 #5E2D0E

#7B5E4E - #6C432A - #5E2D0E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B5E4E 0%, #6C432A 50%, #5E2D0E 100%);
    background: -webkit-linear-gradient(top, #7B5E4E 0%, #6C432A 50%, #5E2D0E 100%);
    background: linear-gradient(to bottom, #7B5E4E 0%, #6C432A 50%, #5E2D0E 100%);
}
</style>