#611B20 - #BD3E37 | 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 #611B20 to #BD3E37

#611B20 #BD3E37

Calculate the color between two colors, #611B20 and #BD3E37. 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)

#611B20 - #BD3E37 | 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 #611B20 as 0% and #BD3E37 as 100%.

0.0%	0.0% #611B20	RGB 97 27 32	#611B20
16.7%	16.7% #702023	RGB 112 32 35	#702023
33.3%	33.3% #7F2627	RGB 127 38 39	#7F2627
50.0%	50.0% #8F2C2B	RGB 143 44 43	#8F2C2B
66.7%	66.7% #9E322F	RGB 158 50 47	#9E322F
83.3%	83.3% #AD3833	RGB 173 56 51	#AD3833
100.0%	100.0% #BD3E37	RGB 189 62 55	#BD3E37

#611B20 #702023 #7F2627 #8F2C2B #9E322F #AD3833 #BD3E37

#611B20 - #BD3E37

HSV Blend

#611B20 - #BD3E37 | 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 #611B20 as 0% and #BD3E37 as 100%.

0.0%	0.0% #611B20	RGB 97 27 32	#611B20
16.7%	16.7% #701F23	RGB 112 31 35	#701F23
33.3%	33.3% #7F2426	RGB 127 36 38	#7F2426
50.0%	50.0% #8F2829	RGB 143 40 41	#8F2829
66.7%	66.7% #9E2E2D	RGB 158 46 45	#9E2E2D
83.3%	83.3% #AD3632	RGB 173 54 50	#AD3632
100.0%	100.0% #BD3E37	RGB 189 62 55	#BD3E37

#611B20 #701F23 #7F2426 #8F2829 #9E2E2D #AD3632 #BD3E37

#611B20 - #8F2829 - #BD3E37

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #611B20 0%, #8F2829 50%, #BD3E37 100%);
    background: -webkit-linear-gradient(top, #611B20 0%, #8F2829 50%, #BD3E37 100%);
    background: linear-gradient(to bottom, #611B20 0%, #8F2829 50%, #BD3E37 100%);
}
</style>