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

#B0B0B8 #5E5E73

Calculate the color between two colors, #B0B0B8 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)

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

0.0%	0.0% #B0B0B8	RGB 176 176 184	#B0B0B8
16.7%	16.7% #A2A2AC	RGB 162 162 172	#A2A2AC
33.3%	33.3% #9494A1	RGB 148 148 161	#9494A1
50.0%	50.0% #878795	RGB 135 135 149	#878795
66.7%	66.7% #79798A	RGB 121 121 138	#79798A
83.3%	83.3% #6B6B7E	RGB 107 107 126	#6B6B7E
100.0%	100.0% #5E5E73	RGB 94 94 115	#5E5E73

#B0B0B8 #A2A2AC #9494A1 #878795 #79798A #6B6B7E #5E5E73

#B0B0B8 - #5E5E73

HSV Blend

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

0.0%	0.0% #B0B0B8	RGB 176 176 184	#B0B0B8
16.7%	16.7% #A1A0AC	RGB 161 160 172	#A1A0AC
33.3%	33.3% #9292A1	RGB 146 146 161	#9292A1
50.0%	50.0% #848495	RGB 132 132 149	#848495
66.7%	66.7% #77778A	RGB 119 119 138	#77778A
83.3%	83.3% #6A6A7E	RGB 106 106 126	#6A6A7E
100.0%	100.0% #5E5E73	RGB 94 94 115	#5E5E73

#B0B0B8 #A1A0AC #9292A1 #848495 #77778A #6A6A7E #5E5E73

#B0B0B8 - #848495 - #5E5E73

CSS codes

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

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