#BA4C3E - #811D0D | 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 #BA4C3E to #811D0D

#BA4C3E #811D0D

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

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

0.0%	0.0% #BA4C3E	RGB 186 76 62	#BA4C3E
16.7%	16.7% #B04435	RGB 176 68 53	#B04435
33.3%	33.3% #A73C2D	RGB 167 60 45	#A73C2D
50.0%	50.0% #9D3425	RGB 157 52 37	#9D3425
66.7%	66.7% #942C1D	RGB 148 44 29	#942C1D
83.3%	83.3% #8A2415	RGB 138 36 21	#8A2415
100.0%	100.0% #811D0D	RGB 129 29 13	#811D0D

#BA4C3E #B04435 #A73C2D #9D3425 #942C1D #8A2415 #811D0D

#BA4C3E - #811D0D

HSV Blend

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

0.0%	0.0% #BA4C3E	RGB 186 76 62	#BA4C3E
16.7%	16.7% #B04233	RGB 176 66 51	#B04233
33.3%	33.3% #A7392A	RGB 167 57 42	#A7392A
50.0%	50.0% #9D3122	RGB 157 49 34	#9D3122
66.7%	66.7% #942A1A	RGB 148 42 26	#942A1A
83.3%	83.3% #8A2313	RGB 138 35 19	#8A2313
100.0%	100.0% #811D0D	RGB 129 29 13	#811D0D

#BA4C3E #B04233 #A7392A #9D3122 #942A1A #8A2313 #811D0D

#BA4C3E - #9D3122 - #811D0D

CSS codes

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

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