#B0B2B8 - #5E5E73 | 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 #B0B2B8 to #5E5E73

#B0B2B8 #5E5E73

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

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

0.0%	0.0% #B0B2B8	RGB 176 178 184	#B0B2B8
16.7%	16.7% #A2A4AC	RGB 162 164 172	#A2A4AC
33.3%	33.3% #9496A1	RGB 148 150 161	#9496A1
50.0%	50.0% #878895	RGB 135 136 149	#878895
66.7%	66.7% #797A8A	RGB 121 122 138	#797A8A
83.3%	83.3% #6B6C7E	RGB 107 108 126	#6B6C7E
100.0%	100.0% #5E5E73	RGB 94 94 115	#5E5E73

#B0B2B8 #A2A4AC #9496A1 #878895 #797A8A #6B6C7E #5E5E73

#B0B2B8 - #5E5E73

HSV Blend

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

0.0%	0.0% #B0B2B8	RGB 176 178 184	#B0B2B8
16.7%	16.7% #A0A3AC	RGB 160 163 172	#A0A3AC
33.3%	33.3% #9294A1	RGB 146 148 161	#9294A1
50.0%	50.0% #848695	RGB 132 134 149	#848695
66.7%	66.7% #77788A	RGB 119 120 138	#77788A
83.3%	83.3% #6A6B7E	RGB 106 107 126	#6A6B7E
100.0%	100.0% #5E5E73	RGB 94 94 115	#5E5E73

#B0B2B8 #A0A3AC #9294A1 #848695 #77788A #6A6B7E #5E5E73

#B0B2B8 - #848695 - #5E5E73

CSS codes

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

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