#B9BBC1 - #5F6F7E | 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 #B9BBC1 to #5F6F7E

#B9BBC1 #5F6F7E

Calculate the color between two colors, #B9BBC1 and #5F6F7E. 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)

#B9BBC1 - #5F6F7E | 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 #B9BBC1 as 0% and #5F6F7E as 100%.

0.0%	0.0% #B9BBC1	RGB 185 187 193	#B9BBC1
16.7%	16.7% #AAAEB5	RGB 170 174 181	#AAAEB5
33.3%	33.3% #9BA1AA	RGB 155 161 170	#9BA1AA
50.0%	50.0% #8C959F	RGB 140 149 159	#8C959F
66.7%	66.7% #7D8894	RGB 125 136 148	#7D8894
83.3%	83.3% #6E7B89	RGB 110 123 137	#6E7B89
100.0%	100.0% #5F6F7E	RGB 95 111 126	#5F6F7E

#B9BBC1 #AAAEB5 #9BA1AA #8C959F #7D8894 #6E7B89 #5F6F7E

#B9BBC1 - #5F6F7E

HSV Blend

#B9BBC1 - #5F6F7E | 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 #B9BBC1 as 0% and #5F6F7E as 100%.

0.0%	0.0% #B9BBC1	RGB 185 187 193	#B9BBC1
16.7%	16.7% #A8ACB5	RGB 168 172 181	#A8ACB5
33.3%	33.3% #979EAA	RGB 151 158 170	#979EAA
50.0%	50.0% #88919F	RGB 136 145 159	#88919F
66.7%	66.7% #798594	RGB 121 133 148	#798594
83.3%	83.3% #6C7989	RGB 108 121 137	#6C7989
100.0%	100.0% #5F6F7E	RGB 95 111 126	#5F6F7E

#B9BBC1 #A8ACB5 #979EAA #88919F #798594 #6C7989 #5F6F7E

#B9BBC1 - #88919F - #5F6F7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9BBC1 0%, #88919F 50%, #5F6F7E 100%);
    background: -webkit-linear-gradient(top, #B9BBC1 0%, #88919F 50%, #5F6F7E 100%);
    background: linear-gradient(to bottom, #B9BBC1 0%, #88919F 50%, #5F6F7E 100%);
}
</style>