#161700 - #4D4300 | 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 #161700 to #4D4300

#161700 #4D4300

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

#161700 - #4D4300 | 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 #161700 as 0% and #4D4300 as 100%.

0.0%	0.0% #161700	RGB 22 23 0	#161700
16.7%	16.7% #1F1E00	RGB 31 30 0	#1F1E00
33.3%	33.3% #282500	RGB 40 37 0	#282500
50.0%	50.0% #312D00	RGB 49 45 0	#312D00
66.7%	66.7% #3A3400	RGB 58 52 0	#3A3400
83.3%	83.3% #433B00	RGB 67 59 0	#433B00
100.0%	100.0% #4D4300	RGB 77 67 0	#4D4300

#161700 #1F1E00 #282500 #312D00 #3A3400 #433B00 #4D4300

#161700 - #4D4300

HSV Blend

#161700 - #4D4300 | 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 #161700 as 0% and #4D4300 as 100%.

0.0%	0.0% #161700	RGB 22 23 0	#161700
16.7%	16.7% #1F2000	RGB 31 32 0	#1F2000
33.3%	33.3% #292800	RGB 41 40 0	#292800
50.0%	50.0% #322F00	RGB 50 47 0	#322F00
66.7%	66.7% #3B3600	RGB 59 54 0	#3B3600
83.3%	83.3% #443D00	RGB 68 61 0	#443D00
100.0%	100.0% #4D4300	RGB 77 67 0	#4D4300

#161700 #1F2000 #292800 #322F00 #3B3600 #443D00 #4D4300

#161700 - #322F00 - #4D4300

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #161700 0%, #322F00 50%, #4D4300 100%);
    background: -webkit-linear-gradient(top, #161700 0%, #322F00 50%, #4D4300 100%);
    background: linear-gradient(to bottom, #161700 0%, #322F00 50%, #4D4300 100%);
}
</style>