#B68E5E - #33271A | 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 #B68E5E to #33271A

#B68E5E #33271A

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

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

0.0%	0.0% #B68E5E	RGB 182 142 94	#B68E5E
16.7%	16.7% #A07C52	RGB 160 124 82	#A07C52
33.3%	33.3% #8A6B47	RGB 138 107 71	#8A6B47
50.0%	50.0% #745A3C	RGB 116 90 60	#745A3C
66.7%	66.7% #5E4930	RGB 94 73 48	#5E4930
83.3%	83.3% #483825	RGB 72 56 37	#483825
100.0%	100.0% #33271A	RGB 51 39 26	#33271A

#B68E5E #A07C52 #8A6B47 #745A3C #5E4930 #483825 #33271A

#B68E5E - #33271A

HSV Blend

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

0.0%	0.0% #B68E5E	RGB 182 142 94	#B68E5E
16.7%	16.7% #A07C52	RGB 160 124 82	#A07C52
33.3%	33.3% #8A6B47	RGB 138 107 71	#8A6B47
50.0%	50.0% #74593B	RGB 116 89 59	#74593B
66.7%	66.7% #5E4830	RGB 94 72 48	#5E4830
83.3%	83.3% #483725	RGB 72 55 37	#483725
100.0%	100.0% #33271A	RGB 51 39 26	#33271A

#B68E5E #A07C52 #8A6B47 #74593B #5E4830 #483725 #33271A

#B68E5E - #74593B - #33271A

CSS codes

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

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