#FCFDFC - #DFFAFE | 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 #FCFDFC to #DFFAFE

#FCFDFC #DFFAFE

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

#FCFDFC - #DFFAFE | 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 #FCFDFC as 0% and #DFFAFE as 100%.

0.0%	0.0% #FCFDFC	RGB 252 253 252	#FCFDFC
16.7%	16.7% #F7FCFC	RGB 247 252 252	#F7FCFC
33.3%	33.3% #F2FCFC	RGB 242 252 252	#F2FCFC
50.0%	50.0% #EDFBFD	RGB 237 251 253	#EDFBFD
66.7%	66.7% #E8FBFD	RGB 232 251 253	#E8FBFD
83.3%	83.3% #E3FAFD	RGB 227 250 253	#E3FAFD
100.0%	100.0% #DFFAFE	RGB 223 250 254	#DFFAFE

#FCFDFC #F7FCFC #F2FCFC #EDFBFD #E8FBFD #E3FAFD #DFFAFE

#FCFDFC - #DFFAFE

HSV Blend

#FCFDFC - #DFFAFE | 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 #FCFDFC as 0% and #DFFAFE as 100%.

0.0%	0.0% #FCFDFC	RGB 252 253 252	#FCFDFC
16.7%	16.7% #F7FDF8	RGB 247 253 248	#F7FDF8
33.3%	33.3% #F2FDF6	RGB 242 253 246	#F2FDF6
50.0%	50.0% #EDFDF6	RGB 237 253 246	#EDFDF6
66.7%	66.7% #E8FDF8	RGB 232 253 248	#E8FDF8
83.3%	83.3% #E3FDFC	RGB 227 253 252	#E3FDFC
100.0%	100.0% #DFFAFE	RGB 223 250 254	#DFFAFE

#FCFDFC #F7FDF8 #F2FDF6 #EDFDF6 #E8FDF8 #E3FDFC #DFFAFE

#FCFDFC - #EDFDF6 - #DFFAFE

CSS codes

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

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