#BC4D3E - #831D0D | 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 #BC4D3E to #831D0D

#BC4D3E #831D0D

Calculate the color between two colors, #BC4D3E and #831D0D. 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)

#BC4D3E - #831D0D | 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 #BC4D3E as 0% and #831D0D as 100%.

0.0%	0.0% #BC4D3E	RGB 188 77 62	#BC4D3E
16.7%	16.7% #B24535	RGB 178 69 53	#B24535
33.3%	33.3% #A93D2D	RGB 169 61 45	#A93D2D
50.0%	50.0% #9F3525	RGB 159 53 37	#9F3525
66.7%	66.7% #962D1D	RGB 150 45 29	#962D1D
83.3%	83.3% #8C2515	RGB 140 37 21	#8C2515
100.0%	100.0% #831D0D	RGB 131 29 13	#831D0D

#BC4D3E #B24535 #A93D2D #9F3525 #962D1D #8C2515 #831D0D

#BC4D3E - #831D0D

HSV Blend

#BC4D3E - #831D0D | 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 #BC4D3E as 0% and #831D0D as 100%.

0.0%	0.0% #BC4D3E	RGB 188 77 62	#BC4D3E
16.7%	16.7% #B24334	RGB 178 67 52	#B24334
33.3%	33.3% #A93A2A	RGB 169 58 42	#A93A2A
50.0%	50.0% #9F3222	RGB 159 50 34	#9F3222
66.7%	66.7% #962A1A	RGB 150 42 26	#962A1A
83.3%	83.3% #8C2313	RGB 140 35 19	#8C2313
100.0%	100.0% #831D0D	RGB 131 29 13	#831D0D

#BC4D3E #B24334 #A93A2A #9F3222 #962A1A #8C2313 #831D0D

#BC4D3E - #9F3222 - #831D0D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BC4D3E 0%, #9F3222 50%, #831D0D 100%);
    background: -webkit-linear-gradient(top, #BC4D3E 0%, #9F3222 50%, #831D0D 100%);
    background: linear-gradient(to bottom, #BC4D3E 0%, #9F3222 50%, #831D0D 100%);
}
</style>