#BBC1C2 - #5E6A86 | 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 #BBC1C2 to #5E6A86

#BBC1C2 #5E6A86

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

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

0.0%	0.0% #BBC1C2	RGB 187 193 194	#BBC1C2
16.7%	16.7% #ABB2B8	RGB 171 178 184	#ABB2B8
33.3%	33.3% #9CA4AE	RGB 156 164 174	#9CA4AE
50.0%	50.0% #8C95A4	RGB 140 149 164	#8C95A4
66.7%	66.7% #7D879A	RGB 125 135 154	#7D879A
83.3%	83.3% #6D7890	RGB 109 120 144	#6D7890
100.0%	100.0% #5E6A86	RGB 94 106 134	#5E6A86

#BBC1C2 #ABB2B8 #9CA4AE #8C95A4 #7D879A #6D7890 #5E6A86

#BBC1C2 - #5E6A86

HSV Blend

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

0.0%	0.0% #BBC1C2	RGB 187 193 194	#BBC1C2
16.7%	16.7% #A9B4B8	RGB 169 180 184	#A9B4B8
33.3%	33.3% #98A6AE	RGB 152 166 174	#98A6AE
50.0%	50.0% #8898A4	RGB 136 152 164	#8898A4
66.7%	66.7% #79899A	RGB 121 137 154	#79899A
83.3%	83.3% #6B7990	RGB 107 121 144	#6B7990
100.0%	100.0% #5E6A86	RGB 94 106 134	#5E6A86

#BBC1C2 #A9B4B8 #98A6AE #8898A4 #79899A #6B7990 #5E6A86

#BBC1C2 - #8898A4 - #5E6A86

CSS codes

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

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