#FCFFFC - #BCC9BB | 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 #FCFFFC to #BCC9BB

#FCFFFC #BCC9BB

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

#FCFFFC - #BCC9BB | 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 #FCFFFC as 0% and #BCC9BB as 100%.

0.0%	0.0% #FCFFFC	RGB 252 255 252	#FCFFFC
16.7%	16.7% #F1F6F1	RGB 241 246 241	#F1F6F1
33.3%	33.3% #E6EDE6	RGB 230 237 230	#E6EDE6
50.0%	50.0% #DCE4DB	RGB 220 228 219	#DCE4DB
66.7%	66.7% #D1DBD0	RGB 209 219 208	#D1DBD0
83.3%	83.3% #C6D2C5	RGB 198 210 197	#C6D2C5
100.0%	100.0% #BCC9BB	RGB 188 201 187	#BCC9BB

#FCFFFC #F1F6F1 #E6EDE6 #DCE4DB #D1DBD0 #C6D2C5 #BCC9BB

#FCFFFC - #BCC9BB

HSV Blend

#FCFFFC - #BCC9BB | 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 #FCFFFC as 0% and #BCC9BB as 100%.

0.0%	0.0% #FCFFFC	RGB 252 255 252	#FCFFFC
16.7%	16.7% #F0F6F0	RGB 240 246 240	#F0F6F0
33.3%	33.3% #E5EDE5	RGB 229 237 229	#E5EDE5
50.0%	50.0% #DBE4DA	RGB 219 228 218	#DBE4DA
66.7%	66.7% #D0DBCF	RGB 208 219 207	#D0DBCF
83.3%	83.3% #C6D2C5	RGB 198 210 197	#C6D2C5
100.0%	100.0% #BCC9BB	RGB 188 201 187	#BCC9BB

#FCFFFC #F0F6F0 #E5EDE5 #DBE4DA #D0DBCF #C6D2C5 #BCC9BB

#FCFFFC - #DBE4DA - #BCC9BB

CSS codes

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

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