#5E5E56 - #45380E | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #5E5E56 to #45380E

#5E5E56 #45380E

Calculate the color between two colors, #5E5E56 and #45380E. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#5E5E56 - #45380E | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #5E5E56 as 0% and #45380E as 100%.

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

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

#5E5E56 - #45380E

HSV Blend

#5E5E56 - #45380E | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #5E5E56 as 0% and #45380E as 100%.

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

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

#5E5E56 - #514D2D - #45380E

CSS codes

<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>