#F9F8F9 - #AEBFC0 | 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 #F9F8F9 to #AEBFC0

#F9F8F9 #AEBFC0

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

#F9F8F9 - #AEBFC0 | 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 #F9F8F9 as 0% and #AEBFC0 as 100%.

0.0%	0.0% #F9F8F9	RGB 249 248 249	#F9F8F9
16.7%	16.7% #ECEEEF	RGB 236 238 239	#ECEEEF
33.3%	33.3% #E0E5E6	RGB 224 229 230	#E0E5E6
50.0%	50.0% #D3DBDC	RGB 211 219 220	#D3DBDC
66.7%	66.7% #C7D2D3	RGB 199 210 211	#C7D2D3
83.3%	83.3% #BAC8C9	RGB 186 200 201	#BAC8C9
100.0%	100.0% #AEBFC0	RGB 174 191 192	#AEBFC0

#F9F8F9 #ECEEEF #E0E5E6 #D3DBDC #C7D2D3 #BAC8C9 #AEBFC0

#F9F8F9 - #AEBFC0

HSV Blend

#F9F8F9 - #AEBFC0 | 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 #F9F8F9 as 0% and #AEBFC0 as 100%.

0.0%	0.0% #F9F8F9	RGB 249 248 249	#F9F8F9
16.7%	16.7% #EEEAEF	RGB 238 234 239	#EEEAEF
33.3%	33.3% #E0DEE6	RGB 224 222 230	#E0DEE6
50.0%	50.0% #D2D1DC	RGB 210 209 220	#D2D1DC
66.7%	66.7% #C5C9D3	RGB 197 201 211	#C5C9D3
83.3%	83.3% #B9C3C9	RGB 185 195 201	#B9C3C9
100.0%	100.0% #AEBFC0	RGB 174 191 192	#AEBFC0

#F9F8F9 #EEEAEF #E0DEE6 #D2D1DC #C5C9D3 #B9C3C9 #AEBFC0

#F9F8F9 - #D2D1DC - #AEBFC0

CSS codes

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

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