#4D2B13 - #B04F3C | 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 #4D2B13 to #B04F3C

#4D2B13 #B04F3C

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

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

0.0%	0.0% #4D2B13	RGB 77 43 19	#4D2B13
16.7%	16.7% #5D3119	RGB 93 49 25	#5D3119
33.3%	33.3% #6E3720	RGB 110 55 32	#6E3720
50.0%	50.0% #7E3D27	RGB 126 61 39	#7E3D27
66.7%	66.7% #8F432E	RGB 143 67 46	#8F432E
83.3%	83.3% #9F4935	RGB 159 73 53	#9F4935
100.0%	100.0% #B04F3C	RGB 176 79 60	#B04F3C

#4D2B13 #5D3119 #6E3720 #7E3D27 #8F432E #9F4935 #B04F3C

#4D2B13 - #B04F3C

HSV Blend

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

0.0%	0.0% #4D2B13	RGB 77 43 19	#4D2B13
16.7%	16.7% #5D3218	RGB 93 50 24	#5D3218
33.3%	33.3% #6E381E	RGB 110 56 30	#6E381E
50.0%	50.0% #7E3E25	RGB 126 62 37	#7E3E25
66.7%	66.7% #8F442C	RGB 143 68 44	#8F442C
83.3%	83.3% #9F4933	RGB 159 73 51	#9F4933
100.0%	100.0% #B04F3C	RGB 176 79 60	#B04F3C

#4D2B13 #5D3218 #6E381E #7E3E25 #8F442C #9F4933 #B04F3C

#4D2B13 - #7E3E25 - #B04F3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D2B13 0%, #7E3E25 50%, #B04F3C 100%);
    background: -webkit-linear-gradient(top, #4D2B13 0%, #7E3E25 50%, #B04F3C 100%);
    background: linear-gradient(to bottom, #4D2B13 0%, #7E3E25 50%, #B04F3C 100%);
}
</style>