#F9F2FF - #FFFAF4 | 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 #F9F2FF to #FFFAF4

#F9F2FF #FFFAF4

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

#F9F2FF - #FFFAF4 | 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 #F9F2FF as 0% and #FFFAF4 as 100%.

0.0%	0.0% #F9F2FF	RGB 249 242 255	#F9F2FF
16.7%	16.7% #FAF3FD	RGB 250 243 253	#FAF3FD
33.3%	33.3% #FBF4FB	RGB 251 244 251	#FBF4FB
50.0%	50.0% #FCF6F9	RGB 252 246 249	#FCF6F9
66.7%	66.7% #FDF7F7	RGB 253 247 247	#FDF7F7
83.3%	83.3% #FEF8F5	RGB 254 248 245	#FEF8F5
100.0%	100.0% #FFFAF4	RGB 255 250 244	#FFFAF4

#F9F2FF #FAF3FD #FBF4FB #FCF6F9 #FDF7F7 #FEF8F5 #FFFAF4

#F9F2FF - #FFFAF4

HSV Blend

#F9F2FF - #FFFAF4 | 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 #F9F2FF as 0% and #FFFAF4 as 100%.

0.0%	0.0% #F9F2FF	RGB 249 242 255	#F9F2FF
16.7%	16.7% #FDF2FF	RGB 253 242 255	#FDF2FF
33.3%	33.3% #FFF2FC	RGB 255 242 252	#FFF2FC
50.0%	50.0% #FFF3F8	RGB 255 243 248	#FFF3F8
66.7%	66.7% #FFF3F4	RGB 255 243 244	#FFF3F4
83.3%	83.3% #FFF6F3	RGB 255 246 243	#FFF6F3
100.0%	100.0% #FFFAF4	RGB 255 250 244	#FFFAF4

#F9F2FF #FDF2FF #FFF2FC #FFF3F8 #FFF3F4 #FFF6F3 #FFFAF4

#F9F2FF - #FFF3F8 - #FFFAF4

CSS codes

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

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