#B8BBC1 - #5F6E7E | 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 #B8BBC1 to #5F6E7E

#B8BBC1 #5F6E7E

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

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

0.0%	0.0% #B8BBC1	RGB 184 187 193	#B8BBC1
16.7%	16.7% #A9AEB5	RGB 169 174 181	#A9AEB5
33.3%	33.3% #9AA1AA	RGB 154 161 170	#9AA1AA
50.0%	50.0% #8B949F	RGB 139 148 159	#8B949F
66.7%	66.7% #7C8794	RGB 124 135 148	#7C8794
83.3%	83.3% #6D7A89	RGB 109 122 137	#6D7A89
100.0%	100.0% #5F6E7E	RGB 95 110 126	#5F6E7E

#B8BBC1 #A9AEB5 #9AA1AA #8B949F #7C8794 #6D7A89 #5F6E7E

#B8BBC1 - #5F6E7E

HSV Blend

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

0.0%	0.0% #B8BBC1	RGB 184 187 193	#B8BBC1
16.7%	16.7% #A7ACB5	RGB 167 172 181	#A7ACB5
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% #6B7989	RGB 107 121 137	#6B7989
100.0%	100.0% #5F6E7E	RGB 95 110 126	#5F6E7E

#B8BBC1 #A7ACB5 #979EAA #88919F #798594 #6B7989 #5F6E7E

#B8BBC1 - #88919F - #5F6E7E

CSS codes

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

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