#BDBAA7 - #868D4F | 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 #BDBAA7 to #868D4F

#BDBAA7 #868D4F

Calculate the color between two colors, #BDBAA7 and #868D4F. 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)

#BDBAA7 - #868D4F | 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 #BDBAA7 as 0% and #868D4F as 100%.

0.0%	0.0% #BDBAA7	RGB 189 186 167	#BDBAA7
16.7%	16.7% #B3B298	RGB 179 178 152	#B3B298
33.3%	33.3% #AAAB89	RGB 170 171 137	#AAAB89
50.0%	50.0% #A1A37B	RGB 161 163 123	#A1A37B
66.7%	66.7% #989C6C	RGB 152 156 108	#989C6C
83.3%	83.3% #8F945D	RGB 143 148 93	#8F945D
100.0%	100.0% #868D4F	RGB 134 141 79	#868D4F

#BDBAA7 #B3B298 #AAAB89 #A1A37B #989C6C #8F945D #868D4F

#BDBAA7 - #868D4F

HSV Blend

#BDBAA7 - #868D4F | 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 #BDBAA7 as 0% and #868D4F as 100%.

0.0%	0.0% #BDBAA7	RGB 189 186 167	#BDBAA7
16.7%	16.7% #B5B296	RGB 181 178 150	#B5B296
33.3%	33.3% #ADAA86	RGB 173 170 134	#ADAA86
50.0%	50.0% #A5A477	RGB 165 164 119	#A5A477
66.7%	66.7% #9B9D68	RGB 155 157 104	#9B9D68
83.3%	83.3% #90955B	RGB 144 149 91	#90955B
100.0%	100.0% #868D4F	RGB 134 141 79	#868D4F

#BDBAA7 #B5B296 #ADAA86 #A5A477 #9B9D68 #90955B #868D4F

#BDBAA7 - #A5A477 - #868D4F

CSS codes

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

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