#5E4732 - #482D04 | 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 #5E4732 to #482D04

#5E4732 #482D04

Calculate the color between two colors, #5E4732 and #482D04. 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)

#5E4732 - #482D04 | 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 #5E4732 as 0% and #482D04 as 100%.

0.0%	0.0% #5E4732	RGB 94 71 50	#5E4732
16.7%	16.7% #5A422A	RGB 90 66 42	#5A422A
33.3%	33.3% #563E22	RGB 86 62 34	#563E22
50.0%	50.0% #533A1B	RGB 83 58 27	#533A1B
66.7%	66.7% #4F3513	RGB 79 53 19	#4F3513
83.3%	83.3% #4B310B	RGB 75 49 11	#4B310B
100.0%	100.0% #482D04	RGB 72 45 4	#482D04

#5E4732 #5A422A #563E22 #533A1B #4F3513 #4B310B #482D04

#5E4732 - #482D04

HSV Blend

#5E4732 - #482D04 | 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 #5E4732 as 0% and #482D04 as 100%.

0.0%	0.0% #5E4732	RGB 94 71 50	#5E4732
16.7%	16.7% #5A4128	RGB 90 65 40	#5A4128
33.3%	33.3% #563C20	RGB 86 60 32	#563C20
50.0%	50.0% #533818	RGB 83 56 24	#533818
66.7%	66.7% #4F3311	RGB 79 51 17	#4F3311
83.3%	83.3% #4B300A	RGB 75 48 10	#4B300A
100.0%	100.0% #482D04	RGB 72 45 4	#482D04

#5E4732 #5A4128 #563C20 #533818 #4F3311 #4B300A #482D04

#5E4732 - #533818 - #482D04

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4732 0%, #533818 50%, #482D04 100%);
    background: -webkit-linear-gradient(top, #5E4732 0%, #533818 50%, #482D04 100%);
    background: linear-gradient(to bottom, #5E4732 0%, #533818 50%, #482D04 100%);
}
</style>