#B8BCC7 - #C0EADB | 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 #B8BCC7 to #C0EADB

#B8BCC7 #C0EADB

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

#B8BCC7 - #C0EADB | 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 #B8BCC7 as 0% and #C0EADB as 100%.

0.0%	0.0% #B8BCC7	RGB 184 188 199	#B8BCC7
16.7%	16.7% #B9C3CA	RGB 185 195 202	#B9C3CA
33.3%	33.3% #BACBCD	RGB 186 203 205	#BACBCD
50.0%	50.0% #BCD3D1	RGB 188 211 209	#BCD3D1
66.7%	66.7% #BDDAD4	RGB 189 218 212	#BDDAD4
83.3%	83.3% #BEE2D7	RGB 190 226 215	#BEE2D7
100.0%	100.0% #C0EADB	RGB 192 234 219	#C0EADB

#B8BCC7 #B9C3CA #BACBCD #BCD3D1 #BDDAD4 #BEE2D7 #C0EADB

#B8BCC7 - #C0EADB

HSV Blend

#B8BCC7 - #C0EADB | 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 #B8BCC7 as 0% and #C0EADB as 100%.

0.0%	0.0% #B8BCC7	RGB 184 188 199	#B8BCC7
16.7%	16.7% #B9C2CC	RGB 185 194 204	#B9C2CC
33.3%	33.3% #BBCAD2	RGB 187 202 210	#BBCAD2
50.0%	50.0% #BCD3D8	RGB 188 211 216	#BCD3D8
66.7%	66.7% #BEDEDE	RGB 190 222 222	#BEDEDE
83.3%	83.3% #BFE4DD	RGB 191 228 221	#BFE4DD
100.0%	100.0% #C0EADB	RGB 192 234 219	#C0EADB

#B8BCC7 #B9C2CC #BBCAD2 #BCD3D8 #BEDEDE #BFE4DD #C0EADB

#B8BCC7 - #BCD3D8 - #C0EADB

CSS codes

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

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