#4D2214 - #160905 | 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 #4D2214 to #160905

#4D2214 #160905

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

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

0.0%	0.0% #4D2214	RGB 77 34 20	#4D2214
16.7%	16.7% #431D11	RGB 67 29 17	#431D11
33.3%	33.3% #3A190F	RGB 58 25 15	#3A190F
50.0%	50.0% #31150C	RGB 49 21 12	#31150C
66.7%	66.7% #28110A	RGB 40 17 10	#28110A
83.3%	83.3% #1F0D07	RGB 31 13 7	#1F0D07
100.0%	100.0% #160905	RGB 22 9 5	#160905

#4D2214 #431D11 #3A190F #31150C #28110A #1F0D07 #160905

#4D2214 - #160905

HSV Blend

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

0.0%	0.0% #4D2213	RGB 77 34 19	#4D2213
16.7%	16.7% #431D11	RGB 67 29 17	#431D11
33.3%	33.3% #3A190E	RGB 58 25 14	#3A190E
50.0%	50.0% #31150C	RGB 49 21 12	#31150C
66.7%	66.7% #281009	RGB 40 16 9	#281009
83.3%	83.3% #1F0C07	RGB 31 12 7	#1F0C07
100.0%	100.0% #160905	RGB 22 9 5	#160905

#4D2213 #431D11 #3A190E #31150C #281009 #1F0C07 #160905

#4D2214 - #31150C - #160905

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D2213 0%, #31150C 50%, #160905 100%);
    background: -webkit-linear-gradient(top, #4D2213 0%, #31150C 50%, #160905 100%);
    background: linear-gradient(to bottom, #4D2213 0%, #31150C 50%, #160905 100%);
}
</style>