#FFF8FD - #FCE1FF | 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 #FFF8FD to #FCE1FF

#FFF8FD #FCE1FF

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

#FFF8FD - #FCE1FF | 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 #FFF8FD as 0% and #FCE1FF as 100%.

0.0%	0.0% #FFF8FD	RGB 255 248 253	#FFF8FD
16.7%	16.7% #FEF4FD	RGB 254 244 253	#FEF4FD
33.3%	33.3% #FEF0FD	RGB 254 240 253	#FEF0FD
50.0%	50.0% #FDECFE	RGB 253 236 254	#FDECFE
66.7%	66.7% #FDE8FE	RGB 253 232 254	#FDE8FE
83.3%	83.3% #FCE4FE	RGB 252 228 254	#FCE4FE
100.0%	100.0% #FCE1FF	RGB 252 225 255	#FCE1FF

#FFF8FD #FEF4FD #FEF0FD #FDECFE #FDE8FE #FCE4FE #FCE1FF

#FFF8FD - #FCE1FF

HSV Blend

#FFF8FD - #FCE1FF | 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 #FFF8FD as 0% and #FCE1FF as 100%.

0.0%	0.0% #FFF8FD	RGB 255 248 253	#FFF8FD
16.7%	16.7% #FFF4FC	RGB 255 244 252	#FFF4FC
33.3%	33.3% #FFF0FC	RGB 255 240 252	#FFF0FC
50.0%	50.0% #FFECFD	RGB 255 236 253	#FFECFD
66.7%	66.7% #FFE8FE	RGB 255 232 254	#FFE8FE
83.3%	83.3% #FEE4FF	RGB 254 228 255	#FEE4FF
100.0%	100.0% #FCE1FF	RGB 252 225 255	#FCE1FF

#FFF8FD #FFF4FC #FFF0FC #FFECFD #FFE8FE #FEE4FF #FCE1FF

#FFF8FD - #FFECFD - #FCE1FF

CSS codes

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

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