#4D2F13 - #160C05 | 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 #4D2F13 to #160C05

#4D2F13 #160C05

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

#4D2F13 - #160C05 | 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 #4D2F13 as 0% and #160C05 as 100%.

0.0%	0.0% #4D2F13	RGB 77 47 19	#4D2F13
16.7%	16.7% #432910	RGB 67 41 16	#432910
33.3%	33.3% #3A230E	RGB 58 35 14	#3A230E
50.0%	50.0% #311D0C	RGB 49 29 12	#311D0C
66.7%	66.7% #281709	RGB 40 23 9	#281709
83.3%	83.3% #1F1107	RGB 31 17 7	#1F1107
100.0%	100.0% #160C05	RGB 22 12 5	#160C05

#4D2F13 #432910 #3A230E #311D0C #281709 #1F1107 #160C05

#4D2F13 - #160C05

HSV Blend

#4D2F13 - #160C05 | 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 #4D2F13 as 0% and #160C05 as 100%.

0.0%	0.0% #4D2F13	RGB 77 47 19	#4D2F13
16.7%	16.7% #432810	RGB 67 40 16	#432810
33.3%	33.3% #3A220E	RGB 58 34 14	#3A220E
50.0%	50.0% #311C0B	RGB 49 28 11	#311C0B
66.7%	66.7% #281609	RGB 40 22 9	#281609
83.3%	83.3% #1F1107	RGB 31 17 7	#1F1107
100.0%	100.0% #160C05	RGB 22 12 5	#160C05

#4D2F13 #432810 #3A220E #311C0B #281609 #1F1107 #160C05

#4D2F13 - #311C0B - #160C05

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D2F13 0%, #311C0B 50%, #160C05 100%);
    background: -webkit-linear-gradient(top, #4D2F13 0%, #311C0B 50%, #160C05 100%);
    background: linear-gradient(to bottom, #4D2F13 0%, #311C0B 50%, #160C05 100%);
}
</style>