#BC6B4D - #8D3012 | 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 #BC6B4D to #8D3012

#BC6B4D #8D3012

Calculate the color between two colors, #BC6B4D and #8D3012. 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)

#BC6B4D - #8D3012 | 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 #BC6B4D as 0% and #8D3012 as 100%.

0.0%	0.0% #BC6B4D	RGB 188 107 77	#BC6B4D
16.7%	16.7% #B46143	RGB 180 97 67	#B46143
33.3%	33.3% #AC5739	RGB 172 87 57	#AC5739
50.0%	50.0% #A44D2F	RGB 164 77 47	#A44D2F
66.7%	66.7% #9C4325	RGB 156 67 37	#9C4325
83.3%	83.3% #94391B	RGB 148 57 27	#94391B
100.0%	100.0% #8D3012	RGB 141 48 18	#8D3012

#BC6B4D #B46143 #AC5739 #A44D2F #9C4325 #94391B #8D3012

#BC6B4D - #8D3012

HSV Blend

#BC6B4D - #8D3012 | 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 #BC6B4D as 0% and #8D3012 as 100%.

0.0%	0.0% #BC6B4C	RGB 188 107 76	#BC6B4C
16.7%	16.7% #B45F41	RGB 180 95 65	#B45F41
33.3%	33.3% #AC5536	RGB 172 85 54	#AC5536
50.0%	50.0% #A44B2C	RGB 164 75 44	#A44B2C
66.7%	66.7% #9C4122	RGB 156 65 34	#9C4122
83.3%	83.3% #943819	RGB 148 56 25	#943819
100.0%	100.0% #8D3012	RGB 141 48 18	#8D3012

#BC6B4C #B45F41 #AC5536 #A44B2C #9C4122 #943819 #8D3012

#BC6B4D - #A44B2C - #8D3012

CSS codes

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

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