#B4865C - #33261A | 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 #B4865C to #33261A

#B4865C #33261A

Calculate the color between two colors, #B4865C and #33261A. 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)

#B4865C - #33261A | 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 #B4865C as 0% and #33261A as 100%.

0.0%	0.0% #B4865C	RGB 180 134 92	#B4865C
16.7%	16.7% #9E7651	RGB 158 118 81	#9E7651
33.3%	33.3% #896646	RGB 137 102 70	#896646
50.0%	50.0% #73563B	RGB 115 86 59	#73563B
66.7%	66.7% #5E4630	RGB 94 70 48	#5E4630
83.3%	83.3% #483625	RGB 72 54 37	#483625
100.0%	100.0% #33261A	RGB 51 38 26	#33261A

#B4865C #9E7651 #896646 #73563B #5E4630 #483625 #33261A

#B4865C - #33261A

HSV Blend

#B4865C - #33261A | 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 #B4865C as 0% and #33261A as 100%.

0.0%	0.0% #B4865C	RGB 180 134 92	#B4865C
16.7%	16.7% #9E7650	RGB 158 118 80	#9E7650
33.3%	33.3% #896645	RGB 137 102 69	#896645
50.0%	50.0% #73563A	RGB 115 86 58	#73563A
66.7%	66.7% #5E462F	RGB 94 70 47	#5E462F
83.3%	83.3% #483624	RGB 72 54 36	#483624
100.0%	100.0% #33261A	RGB 51 38 26	#33261A

#B4865C #9E7650 #896645 #73563A #5E462F #483624 #33261A

#B4865C - #73563A - #33261A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B4865C 0%, #73563A 50%, #33261A 100%);
    background: -webkit-linear-gradient(top, #B4865C 0%, #73563A 50%, #33261A 100%);
    background: linear-gradient(to bottom, #B4865C 0%, #73563A 50%, #33261A 100%);
}
</style>