#F1EDF8 - #FBF9FD | 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 #F1EDF8 to #FBF9FD

#F1EDF8 #FBF9FD

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

#F1EDF8 - #FBF9FD | 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 #F1EDF8 as 0% and #FBF9FD as 100%.

0.0%	0.0% #F1EDF8	RGB 241 237 248	#F1EDF8
16.7%	16.7% #F2EFF8	RGB 242 239 248	#F2EFF8
33.3%	33.3% #F4F1F9	RGB 244 241 249	#F4F1F9
50.0%	50.0% #F6F3FA	RGB 246 243 250	#F6F3FA
66.7%	66.7% #F7F5FB	RGB 247 245 251	#F7F5FB
83.3%	83.3% #F9F7FC	RGB 249 247 252	#F9F7FC
100.0%	100.0% #FBF9FD	RGB 251 249 253	#FBF9FD

#F1EDF8 #F2EFF8 #F4F1F9 #F6F3FA #F7F5FB #F9F7FC #FBF9FD

#F1EDF8 - #FBF9FD

HSV Blend

#F1EDF8 - #FBF9FD | 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 #F1EDF8 as 0% and #FBF9FD as 100%.

0.0%	0.0% #F1EDF8	RGB 241 237 248	#F1EDF8
16.7%	16.7% #F2EEF8	RGB 242 238 248	#F2EEF8
33.3%	33.3% #F4F0F9	RGB 244 240 249	#F4F0F9
50.0%	50.0% #F6F2FA	RGB 246 242 250	#F6F2FA
66.7%	66.7% #F7F4FB	RGB 247 244 251	#F7F4FB
83.3%	83.3% #F9F6FC	RGB 249 246 252	#F9F6FC
100.0%	100.0% #FBF9FD	RGB 251 249 253	#FBF9FD

#F1EDF8 #F2EEF8 #F4F0F9 #F6F2FA #F7F4FB #F9F6FC #FBF9FD

#F1EDF8 - #F6F2FA - #FBF9FD

CSS codes

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

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