#FBE1FF - #FFFDFA | 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 #FBE1FF to #FFFDFA

#FBE1FF #FFFDFA

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

#FBE1FF - #FFFDFA | 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 #FBE1FF as 0% and #FFFDFA as 100%.

0.0%	0.0% #FBE1FF	RGB 251 225 255	#FBE1FF
16.7%	16.7% #FBE5FE	RGB 251 229 254	#FBE5FE
33.3%	33.3% #FCEAFD	RGB 252 234 253	#FCEAFD
50.0%	50.0% #FDEFFC	RGB 253 239 252	#FDEFFC
66.7%	66.7% #FDF3FB	RGB 253 243 251	#FDF3FB
83.3%	83.3% #FEF8FA	RGB 254 248 250	#FEF8FA
100.0%	100.0% #FFFDFA	RGB 255 253 250	#FFFDFA

#FBE1FF #FBE5FE #FCEAFD #FDEFFC #FDF3FB #FEF8FA #FFFDFA

#FBE1FF - #FFFDFA

HSV Blend

#FBE1FF - #FFFDFA | 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 #FBE1FF as 0% and #FFFDFA as 100%.

0.0%	0.0% #FBE1FF	RGB 251 225 255	#FBE1FF
16.7%	16.7% #FFE5FA	RGB 255 229 250	#FFE5FA
33.3%	33.3% #FFE9F5	RGB 255 233 245	#FFE9F5
50.0%	50.0% #FFEDF2	RGB 255 237 242	#FFEDF2
66.7%	66.7% #FFF1F1	RGB 255 241 241	#FFF1F1
83.3%	83.3% #FFF8F5	RGB 255 248 245	#FFF8F5
100.0%	100.0% #FFFDFA	RGB 255 253 250	#FFFDFA

#FBE1FF #FFE5FA #FFE9F5 #FFEDF2 #FFF1F1 #FFF8F5 #FFFDFA

#FBE1FF - #FFEDF2 - #FFFDFA

CSS codes

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

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