#BFC3B5 - #727B5E | 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 #BFC3B5 to #727B5E

#BFC3B5 #727B5E

Calculate the color between two colors, #BFC3B5 and #727B5E. 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)

#BFC3B5 - #727B5E | 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 #BFC3B5 as 0% and #727B5E as 100%.

0.0%	0.0% #BFC3B5	RGB 191 195 181	#BFC3B5
16.7%	16.7% #B2B7A6	RGB 178 183 166	#B2B7A6
33.3%	33.3% #A5AB98	RGB 165 171 152	#A5AB98
50.0%	50.0% #989F89	RGB 152 159 137	#989F89
66.7%	66.7% #8B937B	RGB 139 147 123	#8B937B
83.3%	83.3% #7E876C	RGB 126 135 108	#7E876C
100.0%	100.0% #727B5E	RGB 114 123 94	#727B5E

#BFC3B5 #B2B7A6 #A5AB98 #989F89 #8B937B #7E876C #727B5E

#BFC3B5 - #727B5E

HSV Blend

#BFC3B5 - #727B5E | 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 #BFC3B5 as 0% and #727B5E as 100%.

0.0%	0.0% #BFC3B5	RGB 191 195 181	#BFC3B5
16.7%	16.7% #B1B7A4	RGB 177 183 164	#B1B7A4
33.3%	33.3% #A4AB95	RGB 164 171 149	#A4AB95
50.0%	50.0% #979F86	RGB 151 159 134	#979F86
66.7%	66.7% #8A9378	RGB 138 147 120	#8A9378
83.3%	83.3% #7E876A	RGB 126 135 106	#7E876A
100.0%	100.0% #727B5E	RGB 114 123 94	#727B5E

#BFC3B5 #B1B7A4 #A4AB95 #979F86 #8A9378 #7E876A #727B5E

#BFC3B5 - #979F86 - #727B5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFC3B5 0%, #979F86 50%, #727B5E 100%);
    background: -webkit-linear-gradient(top, #BFC3B5 0%, #979F86 50%, #727B5E 100%);
    background: linear-gradient(to bottom, #BFC3B5 0%, #979F86 50%, #727B5E 100%);
}
</style>