#FDEEF7 - #FEFAFC | 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 #FDEEF7 to #FEFAFC

#FDEEF7 #FEFAFC

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

#FDEEF7 - #FEFAFC | 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 #FDEEF7 as 0% and #FEFAFC as 100%.

0.0%	0.0% #FDEEF7	RGB 253 238 247	#FDEEF7
16.7%	16.7% #FDF0F7	RGB 253 240 247	#FDF0F7
33.3%	33.3% #FDF2F8	RGB 253 242 248	#FDF2F8
50.0%	50.0% #FDF4F9	RGB 253 244 249	#FDF4F9
66.7%	66.7% #FDF6FA	RGB 253 246 250	#FDF6FA
83.3%	83.3% #FDF8FB	RGB 253 248 251	#FDF8FB
100.0%	100.0% #FEFAFC	RGB 254 250 252	#FEFAFC

#FDEEF7 #FDF0F7 #FDF2F8 #FDF4F9 #FDF6FA #FDF8FB #FEFAFC

#FDEEF7 - #FEFAFC

HSV Blend

#FDEEF7 - #FEFAFC | 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 #FDEEF7 as 0% and #FEFAFC as 100%.

0.0%	0.0% #FDEEF7	RGB 253 238 247	#FDEEF7
16.7%	16.7% #FDEFF7	RGB 253 239 247	#FDEFF7
33.3%	33.3% #FDF1F8	RGB 253 241 248	#FDF1F8
50.0%	50.0% #FDF3F9	RGB 253 243 249	#FDF3F9
66.7%	66.7% #FDF5FA	RGB 253 245 250	#FDF5FA
83.3%	83.3% #FDF7FB	RGB 253 247 251	#FDF7FB
100.0%	100.0% #FEFAFC	RGB 254 250 252	#FEFAFC

#FDEEF7 #FDEFF7 #FDF1F8 #FDF3F9 #FDF5FA #FDF7FB #FEFAFC

#FDEEF7 - #FDF3F9 - #FEFAFC

CSS codes

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

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