#B0BBC7 - #B9EFCB | 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 #B0BBC7 to #B9EFCB

#B0BBC7 #B9EFCB

Calculate the color between two colors, #B0BBC7 and #B9EFCB. 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)

#B0BBC7 - #B9EFCB | 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 #B0BBC7 as 0% and #B9EFCB as 100%.

0.0%	0.0% #B0BBC7	RGB 176 187 199	#B0BBC7
16.7%	16.7% #B1C3C7	RGB 177 195 199	#B1C3C7
33.3%	33.3% #B3CCC8	RGB 179 204 200	#B3CCC8
50.0%	50.0% #B4D5C9	RGB 180 213 201	#B4D5C9
66.7%	66.7% #B6DDC9	RGB 182 221 201	#B6DDC9
83.3%	83.3% #B7E6CA	RGB 183 230 202	#B7E6CA
100.0%	100.0% #B9EFCB	RGB 185 239 203	#B9EFCB

#B0BBC7 #B1C3C7 #B3CCC8 #B4D5C9 #B6DDC9 #B7E6CA #B9EFCB

#B0BBC7 - #B9EFCB

HSV Blend

#B0BBC7 - #B9EFCB | 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 #B0BBC7 as 0% and #B9EFCB as 100%.

0.0%	0.0% #B0BBC7	RGB 176 187 199	#B0BBC7
16.7%	16.7% #B2C4CD	RGB 178 196 205	#B2C4CD
33.3%	33.3% #B3D0D4	RGB 179 208 212	#B3D0D4
50.0%	50.0% #B5DBD8	RGB 181 219 216	#B5DBD8
66.7%	66.7% #B6E1D6	RGB 182 225 214	#B6E1D6
83.3%	83.3% #B8E8D1	RGB 184 232 209	#B8E8D1
100.0%	100.0% #B9EFCB	RGB 185 239 203	#B9EFCB

#B0BBC7 #B2C4CD #B3D0D4 #B5DBD8 #B6E1D6 #B8E8D1 #B9EFCB

#B0BBC7 - #B5DBD8 - #B9EFCB

CSS codes

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

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