#5E3E3E - #501806 | 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 #5E3E3E à #501806

#5E3E3E #501806

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

#5E3E3E - #501806 | 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 #5E3E3E 0% et #501806 100%.

0.0%	0.0% #5E3E3E	RVB 94 62 62	#5E3E3E
16.7%	16.7% #5B3734	RVB 91 55 52	#5B3734
33.3%	33.3% #59312B	RVB 89 49 43	#59312B
50.0%	50.0% #572B22	RVB 87 43 34	#572B22
66.7%	66.7% #542418	RVB 84 36 24	#542418
83.3%	83.3% #521E0F	RVB 82 30 15	#521E0F
100.0%	100.0% #501806	RVB 80 24 6	#501806

#5E3E3E #5B3734 #59312B #572B22 #542418 #521E0F #501806

#5E3E3E - #501806

Mélange HSV

#5E3E3E - #501806 | 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 #5E3E3E 0% et #501806 100%.

0.0%	0.0% #5E3E3E	RVB 94 62 62	#5E3E3E
16.7%	16.7% #5B3533	RVB 91 53 51	#5B3533
33.3%	33.3% #592D29	RVB 89 45 41	#592D29
50.0%	50.0% #57261F	RVB 87 38 31	#57261F
66.7%	66.7% #542016	RVB 84 32 22	#542016
83.3%	83.3% #521C0E	RVB 82 28 14	#521C0E
100.0%	100.0% #501806	RVB 80 24 6	#501806

#5E3E3E #5B3533 #592D29 #57261F #542016 #521C0E #501806

#5E3E3E - #57261F - #501806

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E3E 0%, #57261F 50%, #501806 100%);
    background: -webkit-linear-gradient(top, #5E3E3E 0%, #57261F 50%, #501806 100%);
    background: linear-gradient(to bottom, #5E3E3E 0%, #57261F 50%, #501806 100%);
}
</style>