#B0B5B8 - #5E6473 | 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 #B0B5B8 to #5E6473

#B0B5B8 #5E6473

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

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

0.0%	0.0% #B0B5B8	RGB 176 181 184	#B0B5B8
16.7%	16.7% #A2A7AC	RGB 162 167 172	#A2A7AC
33.3%	33.3% #949AA1	RGB 148 154 161	#949AA1
50.0%	50.0% #878C95	RGB 135 140 149	#878C95
66.7%	66.7% #797F8A	RGB 121 127 138	#797F8A
83.3%	83.3% #6B717E	RGB 107 113 126	#6B717E
100.0%	100.0% #5E6473	RGB 94 100 115	#5E6473

#B0B5B8 #A2A7AC #949AA1 #878C95 #797F8A #6B717E #5E6473

#B0B5B8 - #5E6473

HSV Blend

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

0.0%	0.0% #B0B5B8	RGB 176 181 184	#B0B5B8
16.7%	16.7% #A0A7AC	RGB 160 167 172	#A0A7AC
33.3%	33.3% #9299A1	RGB 146 153 161	#9299A1
50.0%	50.0% #848C95	RGB 132 140 149	#848C95
66.7%	66.7% #777E8A	RGB 119 126 138	#777E8A
83.3%	83.3% #6A717E	RGB 106 113 126	#6A717E
100.0%	100.0% #5E6473	RGB 94 100 115	#5E6473

#B0B5B8 #A0A7AC #9299A1 #848C95 #777E8A #6A717E #5E6473

#B0B5B8 - #848C95 - #5E6473

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B0B5B8 0%, #848C95 50%, #5E6473 100%);
    background: -webkit-linear-gradient(top, #B0B5B8 0%, #848C95 50%, #5E6473 100%);
    background: linear-gradient(to bottom, #B0B5B8 0%, #848C95 50%, #5E6473 100%);
}
</style>