#7E5E4C - #5F2D0E | 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 #7E5E4C à #5F2D0E

#7E5E4C #5F2D0E

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

#7E5E4C - #5F2D0E | 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 #7E5E4C 0% et #5F2D0E 100%.

0.0%	0.0% #7E5E4C	RVB 126 94 76	#7E5E4C
16.7%	16.7% #785541	RVB 120 85 65	#785541
33.3%	33.3% #734D37	RVB 115 77 55	#734D37
50.0%	50.0% #6E452D	RVB 110 69 45	#6E452D
66.7%	66.7% #693D22	RVB 105 61 34	#693D22
83.3%	83.3% #643518	RVB 100 53 24	#643518
100.0%	100.0% #5F2D0E	RVB 95 45 14	#5F2D0E

#7E5E4C #785541 #734D37 #6E452D #693D22 #643518 #5F2D0E

#7E5E4C - #5F2D0E

Mélange HSV

#7E5E4C - #5F2D0E | 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 #7E5E4C 0% et #5F2D0E 100%.

0.0%	0.0% #7E5E4C	RVB 126 94 76	#7E5E4C
16.7%	16.7% #78543F	RVB 120 84 63	#78543F
33.3%	33.3% #734B34	RVB 115 75 52	#734B34
50.0%	50.0% #6E4329	RVB 110 67 41	#6E4329
66.7%	66.7% #693B1F	RVB 105 59 31	#693B1F
83.3%	83.3% #643316	RVB 100 51 22	#643316
100.0%	100.0% #5F2D0E	RVB 95 45 14	#5F2D0E

#7E5E4C #78543F #734B34 #6E4329 #693B1F #643316 #5F2D0E

#7E5E4C - #6E4329 - #5F2D0E

Codes CSS

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

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