#161D10 - #4E5E45 | 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 #161D10 to #4E5E45

#161D10 #4E5E45

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

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

0.0%	0.0% #161D10	RGB 22 29 16	#161D10
16.7%	16.7% #1F2718	RGB 31 39 24	#1F2718
33.3%	33.3% #283221	RGB 40 50 33	#283221
50.0%	50.0% #323D2A	RGB 50 61 42	#323D2A
66.7%	66.7% #3B4833	RGB 59 72 51	#3B4833
83.3%	83.3% #44533C	RGB 68 83 60	#44533C
100.0%	100.0% #4E5E45	RGB 78 94 69	#4E5E45

#161D10 #1F2718 #283221 #323D2A #3B4833 #44533C #4E5E45

#161D10 - #4E5E45

HSV Blend

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

0.0%	0.0% #161D10	RGB 22 29 16	#161D10
16.7%	16.7% #1E2717	RGB 30 39 23	#1E2717
33.3%	33.3% #27321F	RGB 39 50 31	#27321F
50.0%	50.0% #303D27	RGB 48 61 39	#303D27
66.7%	66.7% #3A4830	RGB 58 72 48	#3A4830
83.3%	83.3% #43533A	RGB 67 83 58	#43533A
100.0%	100.0% #4E5E45	RGB 78 94 69	#4E5E45

#161D10 #1E2717 #27321F #303D27 #3A4830 #43533A #4E5E45

#161D10 - #303D27 - #4E5E45

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #161D10 0%, #303D27 50%, #4E5E45 100%);
    background: -webkit-linear-gradient(top, #161D10 0%, #303D27 50%, #4E5E45 100%);
    background: linear-gradient(to bottom, #161D10 0%, #303D27 50%, #4E5E45 100%);
}
</style>