#B6B9C2 - #BCDFD0 | 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 #B6B9C2 to #BCDFD0

#B6B9C2 #BCDFD0

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

#B6B9C2 - #BCDFD0 | 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 #B6B9C2 as 0% and #BCDFD0 as 100%.

0.0%	0.0% #B6B9C2	RGB 182 185 194	#B6B9C2
16.7%	16.7% #B7BFC4	RGB 183 191 196	#B7BFC4
33.3%	33.3% #B8C5C6	RGB 184 197 198	#B8C5C6
50.0%	50.0% #B9CCC9	RGB 185 204 201	#B9CCC9
66.7%	66.7% #BAD2CB	RGB 186 210 203	#BAD2CB
83.3%	83.3% #BBD8CD	RGB 187 216 205	#BBD8CD
100.0%	100.0% #BCDFD0	RGB 188 223 208	#BCDFD0

#B6B9C2 #B7BFC4 #B8C5C6 #B9CCC9 #BAD2CB #BBD8CD #BCDFD0

#B6B9C2 - #BCDFD0

HSV Blend

#B6B9C2 - #BCDFD0 | 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 #B6B9C2 as 0% and #BCDFD0 as 100%.

0.0%	0.0% #B6B9C2	RGB 182 185 194	#B6B9C2
16.7%	16.7% #B7BEC6	RGB 183 190 198	#B7BEC6
33.3%	33.3% #B8C4CB	RGB 184 196 203	#B8C4CB
50.0%	50.0% #B9CCD0	RGB 185 204 208	#B9CCD0
66.7%	66.7% #BAD5D4	RGB 186 213 212	#BAD5D4
83.3%	83.3% #BBDAD3	RGB 187 218 211	#BBDAD3
100.0%	100.0% #BCDFD0	RGB 188 223 208	#BCDFD0

#B6B9C2 #B7BEC6 #B8C4CB #B9CCD0 #BAD5D4 #BBDAD3 #BCDFD0

#B6B9C2 - #B9CCD0 - #BCDFD0

CSS codes

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

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