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

#5E5E55 #45380E

Calculez la couleur entre deux couleurs, #5E5E55 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)

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

0.0%	0.0% #5E5E55	RVB 94 94 85	#5E5E55
16.7%	16.7% #595749	RVB 89 87 73	#595749
33.3%	33.3% #55513D	RVB 85 81 61	#55513D
50.0%	50.0% #514B31	RVB 81 75 49	#514B31
66.7%	66.7% #4D4425	RVB 77 68 37	#4D4425
83.3%	83.3% #493E19	RVB 73 62 25	#493E19
100.0%	100.0% #45380E	RVB 69 56 14	#45380E

#5E5E55 #595749 #55513D #514B31 #4D4425 #493E19 #45380E

#5E5E55 - #45380E

Mélange HSV

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

0.0%	0.0% #5E5E55	RVB 94 94 85	#5E5E55
16.7%	16.7% #595946	RVB 89 89 70	#595946
33.3%	33.3% #555339	RVB 85 83 57	#555339
50.0%	50.0% #514D2D	RVB 81 77 45	#514D2D
66.7%	66.7% #4D4621	RVB 77 70 33	#4D4621
83.3%	83.3% #493F17	RVB 73 63 23	#493F17
100.0%	100.0% #45380E	RVB 69 56 14	#45380E

#5E5E55 #595946 #555339 #514D2D #4D4621 #493F17 #45380E

#5E5E55 - #514D2D - #45380E

Codes CSS

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

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