#B0BCBA - #C0FFE8 | 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 #B0BCBA to #C0FFE8

#B0BCBA #C0FFE8

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

#B0BCBA - #C0FFE8 | 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 #B0BCBA as 0% and #C0FFE8 as 100%.

0.0%	0.0% #B0BCBA	RGB 176 188 186	#B0BCBA
16.7%	16.7% #B2C7C1	RGB 178 199 193	#B2C7C1
33.3%	33.3% #B5D2C9	RGB 181 210 201	#B5D2C9
50.0%	50.0% #B8DDD1	RGB 184 221 209	#B8DDD1
66.7%	66.7% #BAE8D8	RGB 186 232 216	#BAE8D8
83.3%	83.3% #BDF3E0	RGB 189 243 224	#BDF3E0
100.0%	100.0% #C0FFE8	RGB 192 255 232	#C0FFE8

#B0BCBA #B2C7C1 #B5D2C9 #B8DDD1 #BAE8D8 #BDF3E0 #C0FFE8

#B0BCBA - #C0FFE8

HSV Blend

#B0BCBA - #C0FFE8 | 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 #B0BCBA as 0% and #C0FFE8 as 100%.

0.0%	0.0% #B0BCBA	RGB 176 188 186	#B0BCBA
16.7%	16.7% #B4C7C3	RGB 180 199 195	#B4C7C3
33.3%	33.3% #B8D2CC	RGB 184 210 204	#B8D2CC
50.0%	50.0% #BBDDD4	RGB 187 221 212	#BBDDD4
66.7%	66.7% #BDE8DB	RGB 189 232 219	#BDE8DB
83.3%	83.3% #BFF3E2	RGB 191 243 226	#BFF3E2
100.0%	100.0% #C0FFE8	RGB 192 255 232	#C0FFE8

#B0BCBA #B4C7C3 #B8D2CC #BBDDD4 #BDE8DB #BFF3E2 #C0FFE8

#B0BCBA - #BBDDD4 - #C0FFE8

CSS codes

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

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