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

#4D1D14 #AD4735

Calculate the color between two colors, #4D1D14 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)

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

0.0%	0.0% #4D1D14	RGB 77 29 20	#4D1D14
16.7%	16.7% #5D2419	RGB 93 36 25	#5D2419
33.3%	33.3% #6D2B1F	RGB 109 43 31	#6D2B1F
50.0%	50.0% #7D3224	RGB 125 50 36	#7D3224
66.7%	66.7% #8D392A	RGB 141 57 42	#8D392A
83.3%	83.3% #9D402F	RGB 157 64 47	#9D402F
100.0%	100.0% #AD4735	RGB 173 71 53	#AD4735

#4D1D14 #5D2419 #6D2B1F #7D3224 #8D392A #9D402F #AD4735

#4D1D14 - #AD4735

HSV Blend

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

0.0%	0.0% #4D1D13	RGB 77 29 19	#4D1D13
16.7%	16.7% #5D2318	RGB 93 35 24	#5D2318
33.3%	33.3% #6D2A1E	RGB 109 42 30	#6D2A1E
50.0%	50.0% #7D3123	RGB 125 49 35	#7D3123
66.7%	66.7% #8D3829	RGB 141 56 41	#8D3829
83.3%	83.3% #9D3F2E	RGB 157 63 46	#9D3F2E
100.0%	100.0% #AD4735	RGB 173 71 53	#AD4735

#4D1D13 #5D2318 #6D2A1E #7D3123 #8D3829 #9D3F2E #AD4735

#4D1D14 - #7D3123 - #AD4735

CSS codes

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

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