#B6BFC1 - #686C7F | 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 #B6BFC1 to #686C7F

#B6BFC1 #686C7F

Calculate the color between two colors, #B6BFC1 and #686C7F. 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)

#B6BFC1 - #686C7F | 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 #B6BFC1 as 0% and #686C7F as 100%.

0.0%	0.0% #B6BFC1	RGB 182 191 193	#B6BFC1
16.7%	16.7% #A9B1B6	RGB 169 177 182	#A9B1B6
33.3%	33.3% #9CA3AB	RGB 156 163 171	#9CA3AB
50.0%	50.0% #8F95A0	RGB 143 149 160	#8F95A0
66.7%	66.7% #828795	RGB 130 135 149	#828795
83.3%	83.3% #75798A	RGB 117 121 138	#75798A
100.0%	100.0% #686C7F	RGB 104 108 127	#686C7F

#B6BFC1 #A9B1B6 #9CA3AB #8F95A0 #828795 #75798A #686C7F

#B6BFC1 - #686C7F

HSV Blend

#B6BFC1 - #686C7F | 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 #B6BFC1 as 0% and #686C7F as 100%.

0.0%	0.0% #B6BFC1	RGB 182 191 193	#B6BFC1
16.7%	16.7% #A7B1B6	RGB 167 177 182	#A7B1B6
33.3%	33.3% #9AA4AB	RGB 154 164 171	#9AA4AB
50.0%	50.0% #8C96A0	RGB 140 150 160	#8C96A0
66.7%	66.7% #808895	RGB 128 136 149	#808895
83.3%	83.3% #737A8A	RGB 115 122 138	#737A8A
100.0%	100.0% #686C7F	RGB 104 108 127	#686C7F

#B6BFC1 #A7B1B6 #9AA4AB #8C96A0 #808895 #737A8A #686C7F

#B6BFC1 - #8C96A0 - #686C7F

CSS codes

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

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