#4B5E38 - #161A10 | 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 #4B5E38 to #161A10

#4B5E38 #161A10

Calculate the color between two colors, #4B5E38 and #161A10. 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)

#4B5E38 - #161A10 | 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 #4B5E38 as 0% and #161A10 as 100%.

0.0%	0.0% #4B5E38	RGB 75 94 56	#4B5E38
16.7%	16.7% #425231	RGB 66 82 49	#425231
33.3%	33.3% #39472A	RGB 57 71 42	#39472A
50.0%	50.0% #303C24	RGB 48 60 36	#303C24
66.7%	66.7% #27301D	RGB 39 48 29	#27301D
83.3%	83.3% #1E2516	RGB 30 37 22	#1E2516
100.0%	100.0% #161A10	RGB 22 26 16	#161A10

#4B5E38 #425231 #39472A #303C24 #27301D #1E2516 #161A10

#4B5E38 - #161A10

HSV Blend

#4B5E38 - #161A10 | 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 #4B5E38 as 0% and #161A10 as 100%.

0.0%	0.0% #4B5E38	RGB 75 94 56	#4B5E38
16.7%	16.7% #425231	RGB 66 82 49	#425231
33.3%	33.3% #3A472A	RGB 58 71 42	#3A472A
50.0%	50.0% #313C24	RGB 49 60 36	#313C24
66.7%	66.7% #28301D	RGB 40 48 29	#28301D
83.3%	83.3% #1F2516	RGB 31 37 22	#1F2516
100.0%	100.0% #161A10	RGB 22 26 16	#161A10

#4B5E38 #425231 #3A472A #313C24 #28301D #1F2516 #161A10

#4B5E38 - #313C24 - #161A10

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B5E38 0%, #313C24 50%, #161A10 100%);
    background: -webkit-linear-gradient(top, #4B5E38 0%, #313C24 50%, #161A10 100%);
    background: linear-gradient(to bottom, #4B5E38 0%, #313C24 50%, #161A10 100%);
}
</style>