#612B1B - #BD6737 | 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 #612B1B to #BD6737

#612B1B #BD6737

Calculate the color between two colors, #612B1B and #BD6737. 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)

#612B1B - #BD6737 | 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 #612B1B as 0% and #BD6737 as 100%.

0.0%	0.0% #612B1B	RGB 97 43 27	#612B1B
16.7%	16.7% #70351F	RGB 112 53 31	#70351F
33.3%	33.3% #7F3F24	RGB 127 63 36	#7F3F24
50.0%	50.0% #8F4929	RGB 143 73 41	#8F4929
66.7%	66.7% #9E532D	RGB 158 83 45	#9E532D
83.3%	83.3% #AD5D32	RGB 173 93 50	#AD5D32
100.0%	100.0% #BD6737	RGB 189 103 55	#BD6737

#612B1B #70351F #7F3F24 #8F4929 #9E532D #AD5D32 #BD6737

#612B1B - #BD6737

HSV Blend

#612B1B - #BD6737 | 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 #612B1B as 0% and #BD6737 as 100%.

0.0%	0.0% #612B1B	RGB 97 43 27	#612B1B
16.7%	16.7% #70331F	RGB 112 51 31	#70331F
33.3%	33.3% #7F3C24	RGB 127 60 36	#7F3C24
50.0%	50.0% #8F4628	RGB 143 70 40	#8F4628
66.7%	66.7% #9E502D	RGB 158 80 45	#9E502D
83.3%	83.3% #AD5B32	RGB 173 91 50	#AD5B32
100.0%	100.0% #BD6737	RGB 189 103 55	#BD6737

#612B1B #70331F #7F3C24 #8F4628 #9E502D #AD5B32 #BD6737

#612B1B - #8F4628 - #BD6737

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #612B1B 0%, #8F4628 50%, #BD6737 100%);
    background: -webkit-linear-gradient(top, #612B1B 0%, #8F4628 50%, #BD6737 100%);
    background: linear-gradient(to bottom, #612B1B 0%, #8F4628 50%, #BD6737 100%);
}
</style>