#7E5E3C - #592F0A | 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 #7E5E3C à #592F0A

#7E5E3C #592F0A

Calculez la couleur entre deux couleurs, #7E5E3C et #592F0A. 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)

#7E5E3C - #592F0A | 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 #7E5E3C 0% et #592F0A 100%.

0.0%	0.0% #7E5E3C	RVB 126 94 60	#7E5E3C
16.7%	16.7% #775633	RVB 119 86 51	#775633
33.3%	33.3% #714E2B	RVB 113 78 43	#714E2B
50.0%	50.0% #6B4623	RVB 107 70 35	#6B4623
66.7%	66.7% #653E1A	RVB 101 62 26	#653E1A
83.3%	83.3% #5F3612	RVB 95 54 18	#5F3612
100.0%	100.0% #592F0A	RVB 89 47 10	#592F0A

#7E5E3C #775633 #714E2B #6B4623 #653E1A #5F3612 #592F0A

#7E5E3C - #592F0A

Mélange HSV

#7E5E3C - #592F0A | 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 #7E5E3C 0% et #592F0A 100%.

0.0%	0.0% #7E5E3C	RVB 126 94 60	#7E5E3C
16.7%	16.7% #775531	RVB 119 85 49	#775531
33.3%	33.3% #714C28	RVB 113 76 40	#714C28
50.0%	50.0% #6B441F	RVB 107 68 31	#6B441F
66.7%	66.7% #653D17	RVB 101 61 23	#653D17
83.3%	83.3% #5F3510	RVB 95 53 16	#5F3510
100.0%	100.0% #592F0A	RVB 89 47 10	#592F0A

#7E5E3C #775531 #714C28 #6B441F #653D17 #5F3510 #592F0A

#7E5E3C - #6B441F - #592F0A

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E5E3C 0%, #6B441F 50%, #592F0A 100%);
    background: -webkit-linear-gradient(top, #7E5E3C 0%, #6B441F 50%, #592F0A 100%);
    background: linear-gradient(to bottom, #7E5E3C 0%, #6B441F 50%, #592F0A 100%);
}
</style>