#BFBAB7 - #9F7563 | 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 #BFBAB7 to #9F7563

#BFBAB7 #9F7563

Calculate the color between two colors, #BFBAB7 and #9F7563. 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)

#BFBAB7 - #9F7563 | 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 #BFBAB7 as 0% and #9F7563 as 100%.

0.0%	0.0% #BFBAB7	RGB 191 186 183	#BFBAB7
16.7%	16.7% #B9AEA9	RGB 185 174 169	#B9AEA9
33.3%	33.3% #B4A39B	RGB 180 163 155	#B4A39B
50.0%	50.0% #AF978D	RGB 175 151 141	#AF978D
66.7%	66.7% #A98C7F	RGB 169 140 127	#A98C7F
83.3%	83.3% #A48071	RGB 164 128 113	#A48071
100.0%	100.0% #9F7563	RGB 159 117 99	#9F7563

#BFBAB7 #B9AEA9 #B4A39B #AF978D #A98C7F #A48071 #9F7563

#BFBAB7 - #9F7563

HSV Blend

#BFBAB7 - #9F7563 | 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 #BFBAB7 as 0% and #9F7563 as 100%.

0.0%	0.0% #BFBAB7	RGB 191 186 183	#BFBAB7
16.7%	16.7% #B9AEA7	RGB 185 174 167	#B9AEA7
33.3%	33.3% #B4A298	RGB 180 162 152	#B4A298
50.0%	50.0% #AF968A	RGB 175 150 138	#AF968A
66.7%	66.7% #A98B7C	RGB 169 139 124	#A98B7C
83.3%	83.3% #A4806F	RGB 164 128 111	#A4806F
100.0%	100.0% #9F7563	RGB 159 117 99	#9F7563

#BFBAB7 #B9AEA7 #B4A298 #AF968A #A98B7C #A4806F #9F7563

#BFBAB7 - #AF968A - #9F7563

CSS codes

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

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