#5E4646 - #531C08 | 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 #5E4646 à #531C08

#5E4646 #531C08

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

#5E4646 - #531C08 | 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 #5E4646 0% et #531C08 100%.

0.0%	0.0% #5E4646	RVB 94 70 70	#5E4646
16.7%	16.7% #5C3F3B	RVB 92 63 59	#5C3F3B
33.3%	33.3% #5A3831	RVB 90 56 49	#5A3831
50.0%	50.0% #583127	RVB 88 49 39	#583127
66.7%	66.7% #562A1C	RVB 86 42 28	#562A1C
83.3%	83.3% #542312	RVB 84 35 18	#542312
100.0%	100.0% #531C08	RVB 83 28 8	#531C08

#5E4646 #5C3F3B #5A3831 #583127 #562A1C #542312 #531C08

#5E4646 - #531C08

Mélange HSV

#5E4646 - #531C08 | 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 #5E4646 0% et #531C08 100%.

0.0%	0.0% #5E4646	RVB 94 70 70	#5E4646
16.7%	16.7% #5C3C3A	RVB 92 60 58	#5C3C3A
33.3%	33.3% #5A332F	RVB 90 51 47	#5A332F
50.0%	50.0% #582C25	RVB 88 44 37	#582C25
66.7%	66.7% #56251B	RVB 86 37 27	#56251B
83.3%	83.3% #542011	RVB 84 32 17	#542011
100.0%	100.0% #531C08	RVB 83 28 8	#531C08

#5E4646 #5C3C3A #5A332F #582C25 #56251B #542011 #531C08

#5E4646 - #582C25 - #531C08

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4646 0%, #582C25 50%, #531C08 100%);
    background: -webkit-linear-gradient(top, #5E4646 0%, #582C25 50%, #531C08 100%);
    background: linear-gradient(to bottom, #5E4646 0%, #582C25 50%, #531C08 100%);
}
</style>