#B2B5BC - #5E798F | 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 #B2B5BC to #5E798F

#B2B5BC #5E798F

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

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

0.0%	0.0% #B2B5BC	RGB 178 181 188	#B2B5BC
16.7%	16.7% #A4ABB4	RGB 164 171 180	#A4ABB4
33.3%	33.3% #96A1AD	RGB 150 161 173	#96A1AD
50.0%	50.0% #8897A5	RGB 136 151 165	#8897A5
66.7%	66.7% #7A8D9E	RGB 122 141 158	#7A8D9E
83.3%	83.3% #6C8396	RGB 108 131 150	#6C8396
100.0%	100.0% #5E798F	RGB 94 121 143	#5E798F

#B2B5BC #A4ABB4 #96A1AD #8897A5 #7A8D9E #6C8396 #5E798F

#B2B5BC - #5E798F

HSV Blend

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

0.0%	0.0% #B2B5BC	RGB 178 181 188	#B2B5BC
16.7%	16.7% #A2A8B4	RGB 162 168 180	#A2A8B4
33.3%	33.3% #939DAD	RGB 147 157 173	#939DAD
50.0%	50.0% #8492A5	RGB 132 146 165	#8492A5
66.7%	66.7% #77899E	RGB 119 137 158	#77899E
83.3%	83.3% #6A8096	RGB 106 128 150	#6A8096
100.0%	100.0% #5E798F	RGB 94 121 143	#5E798F

#B2B5BC #A2A8B4 #939DAD #8492A5 #77899E #6A8096 #5E798F

#B2B5BC - #8492A5 - #5E798F

CSS codes

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

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