#B0BBC2 - #5D6B7F | 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 #B0BBC2 to #5D6B7F

#B0BBC2 #5D6B7F

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

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

0.0%	0.0% #B0BBC2	RGB 176 187 194	#B0BBC2
16.7%	16.7% #A2ADB6	RGB 162 173 182	#A2ADB6
33.3%	33.3% #94A0AB	RGB 148 160 171	#94A0AB
50.0%	50.0% #8693A0	RGB 134 147 160	#8693A0
66.7%	66.7% #788595	RGB 120 133 149	#788595
83.3%	83.3% #6A788A	RGB 106 120 138	#6A788A
100.0%	100.0% #5D6B7F	RGB 93 107 127	#5D6B7F

#B0BBC2 #A2ADB6 #94A0AB #8693A0 #788595 #6A788A #5D6B7F

#B0BBC2 - #5D6B7F

HSV Blend

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

0.0%	0.0% #B0BBC2	RGB 176 187 194	#B0BBC2
16.7%	16.7% #A0ADB6	RGB 160 173 182	#A0ADB6
33.3%	33.3% #919FAB	RGB 145 159 171	#919FAB
50.0%	50.0% #8392A0	RGB 131 146 160	#8392A0
66.7%	66.7% #768595	RGB 118 133 149	#768595
83.3%	83.3% #69778A	RGB 105 119 138	#69778A
100.0%	100.0% #5D6B7F	RGB 93 107 127	#5D6B7F

#B0BBC2 #A0ADB6 #919FAB #8392A0 #768595 #69778A #5D6B7F

#B0BBC2 - #8392A0 - #5D6B7F

CSS codes

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

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