#B0BCC2 - #5E6B80 | 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 #B0BCC2 to #5E6B80

#B0BCC2 #5E6B80

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

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

0.0%	0.0% #B0BCC2	RGB 176 188 194	#B0BCC2
16.7%	16.7% #A2AEB7	RGB 162 174 183	#A2AEB7
33.3%	33.3% #94A1AC	RGB 148 161 172	#94A1AC
50.0%	50.0% #8793A1	RGB 135 147 161	#8793A1
66.7%	66.7% #798696	RGB 121 134 150	#798696
83.3%	83.3% #6B788B	RGB 107 120 139	#6B788B
100.0%	100.0% #5E6B80	RGB 94 107 128	#5E6B80

#B0BCC2 #A2AEB7 #94A1AC #8793A1 #798696 #6B788B #5E6B80

#B0BCC2 - #5E6B80

HSV Blend

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

0.0%	0.0% #B0BCC2	RGB 176 188 194	#B0BCC2
16.7%	16.7% #A0AEB7	RGB 160 174 183	#A0AEB7
33.3%	33.3% #92A0AC	RGB 146 160 172	#92A0AC
50.0%	50.0% #8493A1	RGB 132 147 161	#8493A1
66.7%	66.7% #768596	RGB 118 133 150	#768596
83.3%	83.3% #6A788B	RGB 106 120 139	#6A788B
100.0%	100.0% #5E6B80	RGB 94 107 128	#5E6B80

#B0BCC2 #A0AEB7 #92A0AC #8493A1 #768596 #6A788B #5E6B80

#B0BCC2 - #8493A1 - #5E6B80

CSS codes

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

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