#BCBAA7 - #928052 | 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 #BCBAA7 to #928052

#BCBAA7 #928052

Calculate the color between two colors, #BCBAA7 and #928052. 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)

#BCBAA7 - #928052 | 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 #BCBAA7 as 0% and #928052 as 100%.

0.0%	0.0% #BCBAA7	RGB 188 186 167	#BCBAA7
16.7%	16.7% #B5B098	RGB 181 176 152	#B5B098
33.3%	33.3% #AEA68A	RGB 174 166 138	#AEA68A
50.0%	50.0% #A79D7C	RGB 167 157 124	#A79D7C
66.7%	66.7% #A0936E	RGB 160 147 110	#A0936E
83.3%	83.3% #998960	RGB 153 137 96	#998960
100.0%	100.0% #928052	RGB 146 128 82	#928052

#BCBAA7 #B5B098 #AEA68A #A79D7C #A0936E #998960 #928052

#BCBAA7 - #928052

HSV Blend

#BCBAA7 - #928052 | 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 #BCBAA7 as 0% and #928052 as 100%.

0.0%	0.0% #BCBAA7	RGB 188 186 167	#BCBAA7
16.7%	16.7% #B5B196	RGB 181 177 150	#B5B196
33.3%	33.3% #AEA787	RGB 174 167 135	#AEA787
50.0%	50.0% #A79E79	RGB 167 158 121	#A79E79
66.7%	66.7% #A0946B	RGB 160 148 107	#A0946B
83.3%	83.3% #998A5E	RGB 153 138 94	#998A5E
100.0%	100.0% #928052	RGB 146 128 82	#928052

#BCBAA7 #B5B196 #AEA787 #A79E79 #A0946B #998A5E #928052

#BCBAA7 - #A79E79 - #928052

CSS codes

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

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