#BCBDBA - #8F8F67 | 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 #BCBDBA to #8F8F67

#BCBDBA #8F8F67

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

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

0.0%	0.0% #BCBDBA	RGB 188 189 186	#BCBDBA
16.7%	16.7% #B4B5AC	RGB 180 181 172	#B4B5AC
33.3%	33.3% #ADAD9E	RGB 173 173 158	#ADAD9E
50.0%	50.0% #A5A690	RGB 165 166 144	#A5A690
66.7%	66.7% #9E9E82	RGB 158 158 130	#9E9E82
83.3%	83.3% #969674	RGB 150 150 116	#969674
100.0%	100.0% #8F8F67	RGB 143 143 103	#8F8F67

#BCBDBA #B4B5AC #ADAD9E #A5A690 #9E9E82 #969674 #8F8F67

#BCBDBA - #8F8F67

HSV Blend

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

0.0%	0.0% #BCBDBA	RGB 188 189 186	#BCBDBA
16.7%	16.7% #B2B5AA	RGB 178 181 170	#B2B5AA
33.3%	33.3% #A9AD9B	RGB 169 173 155	#A9AD9B
50.0%	50.0% #A1A68D	RGB 161 166 141	#A1A68D
66.7%	66.7% #9A9E7F	RGB 154 158 127	#9A9E7F
83.3%	83.3% #949673	RGB 148 150 115	#949673
100.0%	100.0% #8F8F67	RGB 143 143 103	#8F8F67

#BCBDBA #B2B5AA #A9AD9B #A1A68D #9A9E7F #949673 #8F8F67

#BCBDBA - #A1A68D - #8F8F67

CSS codes

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

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