#5E5E56 - #45380E | 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 #5E5E56 à #45380E

#5E5E56 #45380E

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

#5E5E56 - #45380E | 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 #5E5E56 0% et #45380E 100%.

0.0%	0.0% #5E5E56	RVB 94 94 86	#5E5E56
16.7%	16.7% #59574A	RVB 89 87 74	#59574A
33.3%	33.3% #55513E	RVB 85 81 62	#55513E
50.0%	50.0% #514B32	RVB 81 75 50	#514B32
66.7%	66.7% #4D4426	RVB 77 68 38	#4D4426
83.3%	83.3% #493E1A	RVB 73 62 26	#493E1A
100.0%	100.0% #45380E	RVB 69 56 14	#45380E

#5E5E56 #59574A #55513E #514B32 #4D4426 #493E1A #45380E

#5E5E56 - #45380E

Mélange HSV

#5E5E56 - #45380E | 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 #5E5E56 0% et #45380E 100%.

0.0%	0.0% #5E5E56	RVB 94 94 86	#5E5E56
16.7%	16.7% #595947	RVB 89 89 71	#595947
33.3%	33.3% #55533A	RVB 85 83 58	#55533A
50.0%	50.0% #514D2D	RVB 81 77 45	#514D2D
66.7%	66.7% #4D4622	RVB 77 70 34	#4D4622
83.3%	83.3% #493F17	RVB 73 63 23	#493F17
100.0%	100.0% #45380E	RVB 69 56 14	#45380E

#5E5E56 #595947 #55533A #514D2D #4D4622 #493F17 #45380E

#5E5E56 - #514D2D - #45380E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E56 0%, #514D2D 50%, #45380E 100%);
    background: -webkit-linear-gradient(top, #5E5E56 0%, #514D2D 50%, #45380E 100%);
    background: linear-gradient(to bottom, #5E5E56 0%, #514D2D 50%, #45380E 100%);
}
</style>