#F9CDF3 - #FAFFFF | 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 #F9CDF3 to #FAFFFF

#F9CDF3 #FAFFFF

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

#F9CDF3 - #FAFFFF | 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 #F9CDF3 as 0% and #FAFFFF as 100%.

0.0%	0.0% #F9CDF3	RGB 249 205 243	#F9CDF3
16.7%	16.7% #F9D5F5	RGB 249 213 245	#F9D5F5
33.3%	33.3% #F9DDF7	RGB 249 221 247	#F9DDF7
50.0%	50.0% #F9E6F9	RGB 249 230 249	#F9E6F9
66.7%	66.7% #F9EEFB	RGB 249 238 251	#F9EEFB
83.3%	83.3% #F9F6FD	RGB 249 246 253	#F9F6FD
100.0%	100.0% #FAFFFF	RGB 250 255 255	#FAFFFF

#F9CDF3 #F9D5F5 #F9DDF7 #F9E6F9 #F9EEFB #F9F6FD #FAFFFF

#F9CDF3 - #FAFFFF

HSV Blend

#F9CDF3 - #FAFFFF | 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 #F9CDF3 as 0% and #FAFFFF as 100%.

0.0%	0.0% #F9CDF3	RGB 249 205 243	#F9CDF3
16.7%	16.7% #F1D4FA	RGB 241 212 250	#F1D4FA
33.3%	33.3% #E9DBFB	RGB 233 219 251	#E9DBFB
50.0%	50.0% #E4E3FC	RGB 228 227 252	#E4E3FC
66.7%	66.7% #EAF0FD	RGB 234 240 253	#EAF0FD
83.3%	83.3% #F2F9FE	RGB 242 249 254	#F2F9FE
100.0%	100.0% #FAFFFF	RGB 250 255 255	#FAFFFF

#F9CDF3 #F1D4FA #E9DBFB #E4E3FC #EAF0FD #F2F9FE #FAFFFF

#F9CDF3 - #E4E3FC - #FAFFFF

CSS codes

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

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