#B8B9BC - #5E6D78 | 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 #B8B9BC to #5E6D78

#B8B9BC #5E6D78

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

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

0.0%	0.0% #B8B9BC	RGB 184 185 188	#B8B9BC
16.7%	16.7% #A9ACB0	RGB 169 172 176	#A9ACB0
33.3%	33.3% #9A9FA5	RGB 154 159 165	#9A9FA5
50.0%	50.0% #8B939A	RGB 139 147 154	#8B939A
66.7%	66.7% #7C868E	RGB 124 134 142	#7C868E
83.3%	83.3% #6D7983	RGB 109 121 131	#6D7983
100.0%	100.0% #5E6D78	RGB 94 109 120	#5E6D78

#B8B9BC #A9ACB0 #9A9FA5 #8B939A #7C868E #6D7983 #5E6D78

#B8B9BC - #5E6D78

HSV Blend

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

0.0%	0.0% #B8B9BC	RGB 184 185 188	#B8B9BC
16.7%	16.7% #A7AAB0	RGB 167 170 176	#A7AAB0
33.3%	33.3% #979CA5	RGB 151 156 165	#979CA5
50.0%	50.0% #878F9A	RGB 135 143 154	#878F9A
66.7%	66.7% #79838E	RGB 121 131 142	#79838E
83.3%	83.3% #6B7783	RGB 107 119 131	#6B7783
100.0%	100.0% #5E6D78	RGB 94 109 120	#5E6D78

#B8B9BC #A7AAB0 #979CA5 #878F9A #79838E #6B7783 #5E6D78

#B8B9BC - #878F9A - #5E6D78

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8B9BC 0%, #878F9A 50%, #5E6D78 100%);
    background: -webkit-linear-gradient(top, #B8B9BC 0%, #878F9A 50%, #5E6D78 100%);
    background: linear-gradient(to bottom, #B8B9BC 0%, #878F9A 50%, #5E6D78 100%);
}
</style>