#B1B7B6 - #C0FFE7 | 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 #B1B7B6 to #C0FFE7

#B1B7B6 #C0FFE7

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

#B1B7B6 - #C0FFE7 | 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 #B1B7B6 as 0% and #C0FFE7 as 100%.

0.0%	0.0% #B1B7B6	RGB 177 183 182	#B1B7B6
16.7%	16.7% #B3C3BE	RGB 179 195 190	#B3C3BE
33.3%	33.3% #B6CFC6	RGB 182 207 198	#B6CFC6
50.0%	50.0% #B8DBCE	RGB 184 219 206	#B8DBCE
66.7%	66.7% #BBE7D6	RGB 187 231 214	#BBE7D6
83.3%	83.3% #BDF3DE	RGB 189 243 222	#BDF3DE
100.0%	100.0% #C0FFE7	RGB 192 255 231	#C0FFE7

#B1B7B6 #B3C3BE #B6CFC6 #B8DBCE #BBE7D6 #BDF3DE #C0FFE7

#B1B7B6 - #C0FFE7

HSV Blend

#B1B7B6 - #C0FFE7 | 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 #B1B7B6 as 0% and #C0FFE7 as 100%.

0.0%	0.0% #B1B7B6	RGB 177 183 182	#B1B7B6
16.7%	16.7% #B5C3C0	RGB 181 195 192	#B5C3C0
33.3%	33.3% #B9CFC9	RGB 185 207 201	#B9CFC9
50.0%	50.0% #BCDBD2	RGB 188 219 210	#BCDBD2
66.7%	66.7% #BEE7DA	RGB 190 231 218	#BEE7DA
83.3%	83.3% #BFF3E1	RGB 191 243 225	#BFF3E1
100.0%	100.0% #C0FFE7	RGB 192 255 231	#C0FFE7

#B1B7B6 #B5C3C0 #B9CFC9 #BCDBD2 #BEE7DA #BFF3E1 #C0FFE7

#B1B7B6 - #BCDBD2 - #C0FFE7

CSS codes

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

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