#4D3C13 - #B0723C | 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 #4D3C13 to #B0723C

#4D3C13 #B0723C

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

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

0.0%	0.0% #4D3C13	RGB 77 60 19	#4D3C13
16.7%	16.7% #5D4519	RGB 93 69 25	#5D4519
33.3%	33.3% #6E4E20	RGB 110 78 32	#6E4E20
50.0%	50.0% #7E5727	RGB 126 87 39	#7E5727
66.7%	66.7% #8F602E	RGB 143 96 46	#8F602E
83.3%	83.3% #9F6935	RGB 159 105 53	#9F6935
100.0%	100.0% #B0723C	RGB 176 114 60	#B0723C

#4D3C13 #5D4519 #6E4E20 #7E5727 #8F602E #9F6935 #B0723C

#4D3C13 - #B0723C

HSV Blend

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

0.0%	0.0% #4D3C13	RGB 77 60 19	#4D3C13
16.7%	16.7% #5D4618	RGB 93 70 24	#5D4618
33.3%	33.3% #6E501E	RGB 110 80 30	#6E501E
50.0%	50.0% #7E5925	RGB 126 89 37	#7E5925
66.7%	66.7% #8F622C	RGB 143 98 44	#8F622C
83.3%	83.3% #9F6A33	RGB 159 106 51	#9F6A33
100.0%	100.0% #B0723C	RGB 176 114 60	#B0723C

#4D3C13 #5D4618 #6E501E #7E5925 #8F622C #9F6A33 #B0723C

#4D3C13 - #7E5925 - #B0723C

CSS codes

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

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