#4D1B13 - #AD4735 | 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 #4D1B13 to #AD4735

#4D1B13 #AD4735

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

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

0.0%	0.0% #4D1B13	RGB 77 27 19	#4D1B13
16.7%	16.7% #5D2218	RGB 93 34 24	#5D2218
33.3%	33.3% #6D291E	RGB 109 41 30	#6D291E
50.0%	50.0% #7D3124	RGB 125 49 36	#7D3124
66.7%	66.7% #8D3829	RGB 141 56 41	#8D3829
83.3%	83.3% #9D3F2F	RGB 157 63 47	#9D3F2F
100.0%	100.0% #AD4735	RGB 173 71 53	#AD4735

#4D1B13 #5D2218 #6D291E #7D3124 #8D3829 #9D3F2F #AD4735

#4D1B13 - #AD4735

HSV Blend

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

0.0%	0.0% #4D1B13	RGB 77 27 19	#4D1B13
16.7%	16.7% #5D2117	RGB 93 33 23	#5D2117
33.3%	33.3% #6D281D	RGB 109 40 29	#6D281D
50.0%	50.0% #7D2F22	RGB 125 47 34	#7D2F22
66.7%	66.7% #8D3728	RGB 141 55 40	#8D3728
83.3%	83.3% #9D3E2E	RGB 157 62 46	#9D3E2E
100.0%	100.0% #AD4735	RGB 173 71 53	#AD4735

#4D1B13 #5D2117 #6D281D #7D2F22 #8D3728 #9D3E2E #AD4735

#4D1B13 - #7D2F22 - #AD4735

CSS codes

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

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