#B56F5C - #8C3118 | 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 #B56F5C to #8C3118

#B56F5C #8C3118

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

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

0.0%	0.0% #B56F5C	RGB 181 111 92	#B56F5C
16.7%	16.7% #AE6450	RGB 174 100 80	#AE6450
33.3%	33.3% #A75A45	RGB 167 90 69	#A75A45
50.0%	50.0% #A0503A	RGB 160 80 58	#A0503A
66.7%	66.7% #99452E	RGB 153 69 46	#99452E
83.3%	83.3% #923B23	RGB 146 59 35	#923B23
100.0%	100.0% #8C3118	RGB 140 49 24	#8C3118

#B56F5C #AE6450 #A75A45 #A0503A #99452E #923B23 #8C3118

#B56F5C - #8C3118

HSV Blend

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

0.0%	0.0% #B56F5C	RGB 181 111 92	#B56F5C
16.7%	16.7% #AE634E	RGB 174 99 78	#AE634E
33.3%	33.3% #A75742	RGB 167 87 66	#A75742
50.0%	50.0% #A04D36	RGB 160 77 54	#A04D36
66.7%	66.7% #99432B	RGB 153 67 43	#99432B
83.3%	83.3% #923921	RGB 146 57 33	#923921
100.0%	100.0% #8C3118	RGB 140 49 24	#8C3118

#B56F5C #AE634E #A75742 #A04D36 #99432B #923921 #8C3118

#B56F5C - #A04D36 - #8C3118

CSS codes

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

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