#BC5E4C - #8B2612 | 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 #BC5E4C to #8B2612

#BC5E4C #8B2612

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

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

0.0%	0.0% #BC5E4C	RGB 188 94 76	#BC5E4C
16.7%	16.7% #B35442	RGB 179 84 66	#B35442
33.3%	33.3% #AB4B38	RGB 171 75 56	#AB4B38
50.0%	50.0% #A3422F	RGB 163 66 47	#A3422F
66.7%	66.7% #9B3825	RGB 155 56 37	#9B3825
83.3%	83.3% #932F1B	RGB 147 47 27	#932F1B
100.0%	100.0% #8B2612	RGB 139 38 18	#8B2612

#BC5E4C #B35442 #AB4B38 #A3422F #9B3825 #932F1B #8B2612

#BC5E4C - #8B2612

HSV Blend

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

0.0%	0.0% #BC5E4C	RGB 188 94 76	#BC5E4C
16.7%	16.7% #B35340	RGB 179 83 64	#B35340
33.3%	33.3% #AB4835	RGB 171 72 53	#AB4835
50.0%	50.0% #A33F2B	RGB 163 63 43	#A33F2B
66.7%	66.7% #9B3622	RGB 155 54 34	#9B3622
83.3%	83.3% #932D19	RGB 147 45 25	#932D19
100.0%	100.0% #8B2612	RGB 139 38 18	#8B2612

#BC5E4C #B35340 #AB4835 #A33F2B #9B3622 #932D19 #8B2612

#BC5E4C - #A33F2B - #8B2612

CSS codes

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

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