#FAFBFE - #ACC5CD | 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 #FAFBFE to #ACC5CD

#FAFBFE #ACC5CD

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

#FAFBFE - #ACC5CD | 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 #FAFBFE as 0% and #ACC5CD as 100%.

0.0%	0.0% #FAFBFE	RGB 250 251 254	#FAFBFE
16.7%	16.7% #EDF2F5	RGB 237 242 245	#EDF2F5
33.3%	33.3% #E0E9ED	RGB 224 233 237	#E0E9ED
50.0%	50.0% #D3E0E5	RGB 211 224 229	#D3E0E5
66.7%	66.7% #C6D7DD	RGB 198 215 221	#C6D7DD
83.3%	83.3% #B9CED5	RGB 185 206 213	#B9CED5
100.0%	100.0% #ACC5CD	RGB 172 197 205	#ACC5CD

#FAFBFE #EDF2F5 #E0E9ED #D3E0E5 #C6D7DD #B9CED5 #ACC5CD

#FAFBFE - #ACC5CD

HSV Blend

#FAFBFE - #ACC5CD | 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 #FAFBFE as 0% and #ACC5CD as 100%.

0.0%	0.0% #FAFBFE	RGB 250 251 254	#FAFBFE
16.7%	16.7% #ECEFF5	RGB 236 239 245	#ECEFF5
33.3%	33.3% #DEE4ED	RGB 222 228 237	#DEE4ED
50.0%	50.0% #D1DBE5	RGB 209 219 229	#D1DBE5
66.7%	66.7% #C4D3DD	RGB 196 211 221	#C4D3DD
83.3%	83.3% #B8CBD5	RGB 184 203 213	#B8CBD5
100.0%	100.0% #ACC5CD	RGB 172 197 205	#ACC5CD

#FAFBFE #ECEFF5 #DEE4ED #D1DBE5 #C4D3DD #B8CBD5 #ACC5CD

#FAFBFE - #D1DBE5 - #ACC5CD

CSS codes

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

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