#BC9B5E - #935D1B | 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 #BC9B5E to #935D1B

#BC9B5E #935D1B

Calculate the color between two colors, #BC9B5E and #935D1B. 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)

#BC9B5E - #935D1B | 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 #BC9B5E as 0% and #935D1B as 100%.

0.0%	0.0% #BC9B5E	RGB 188 155 94	#BC9B5E
16.7%	16.7% #B59052	RGB 181 144 82	#B59052
33.3%	33.3% #AE8647	RGB 174 134 71	#AE8647
50.0%	50.0% #A77C3C	RGB 167 124 60	#A77C3C
66.7%	66.7% #A07131	RGB 160 113 49	#A07131
83.3%	83.3% #996726	RGB 153 103 38	#996726
100.0%	100.0% #935D1B	RGB 147 93 27	#935D1B

#BC9B5E #B59052 #AE8647 #A77C3C #A07131 #996726 #935D1B

#BC9B5E - #935D1B

HSV Blend

#BC9B5E - #935D1B | 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 #BC9B5E as 0% and #935D1B as 100%.

0.0%	0.0% #BC9B5E	RGB 188 155 94	#BC9B5E
16.7%	16.7% #B59051	RGB 181 144 81	#B59051
33.3%	33.3% #AE8544	RGB 174 133 68	#AE8544
50.0%	50.0% #A77B39	RGB 167 123 57	#A77B39
66.7%	66.7% #A0712E	RGB 160 113 46	#A0712E
83.3%	83.3% #996624	RGB 153 102 36	#996624
100.0%	100.0% #935D1B	RGB 147 93 27	#935D1B

#BC9B5E #B59051 #AE8544 #A77B39 #A0712E #996624 #935D1B

#BC9B5E - #A77B39 - #935D1B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BC9B5E 0%, #A77B39 50%, #935D1B 100%);
    background: -webkit-linear-gradient(top, #BC9B5E 0%, #A77B39 50%, #935D1B 100%);
    background: linear-gradient(to bottom, #BC9B5E 0%, #A77B39 50%, #935D1B 100%);
}
</style>