#5E3C3C - #4F1806 | 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 #5E3C3C à #4F1806

#5E3C3C #4F1806

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

#5E3C3C - #4F1806 | 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 #5E3C3C 0% et #4F1806 100%.

0.0%	0.0% #5E3C3C	RVB 94 60 60	#5E3C3C
16.7%	16.7% #5B3633	RVB 91 54 51	#5B3633
33.3%	33.3% #59302A	RVB 89 48 42	#59302A
50.0%	50.0% #562A21	RVB 86 42 33	#562A21
66.7%	66.7% #542418	RVB 84 36 24	#542418
83.3%	83.3% #511E0F	RVB 81 30 15	#511E0F
100.0%	100.0% #4F1806	RVB 79 24 6	#4F1806

#5E3C3C #5B3633 #59302A #562A21 #542418 #511E0F #4F1806

#5E3C3C - #4F1806

Mélange HSV

#5E3C3C - #4F1806 | 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 #5E3C3C 0% et #4F1806 100%.

0.0%	0.0% #5E3C3C	RVB 94 60 60	#5E3C3C
16.7%	16.7% #5B3331	RVB 91 51 49	#5B3331
33.3%	33.3% #592C28	RVB 89 44 40	#592C28
50.0%	50.0% #56251E	RVB 86 37 30	#56251E
66.7%	66.7% #542016	RVB 84 32 22	#542016
83.3%	83.3% #511B0D	RVB 81 27 13	#511B0D
100.0%	100.0% #4F1806	RVB 79 24 6	#4F1806

#5E3C3C #5B3331 #592C28 #56251E #542016 #511B0D #4F1806

#5E3C3C - #56251E - #4F1806

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3C3C 0%, #56251E 50%, #4F1806 100%);
    background: -webkit-linear-gradient(top, #5E3C3C 0%, #56251E 50%, #4F1806 100%);
    background: linear-gradient(to bottom, #5E3C3C 0%, #56251E 50%, #4F1806 100%);
}
</style>