#F1E2FC - #FCFFFA | 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 #F1E2FC to #FCFFFA

#F1E2FC #FCFFFA

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

#F1E2FC - #FCFFFA | 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 #F1E2FC as 0% and #FCFFFA as 100%.

0.0%	0.0% #F1E2FC	RGB 241 226 252	#F1E2FC
16.7%	16.7% #F2E6FB	RGB 242 230 251	#F2E6FB
33.3%	33.3% #F4EBFB	RGB 244 235 251	#F4EBFB
50.0%	50.0% #F6F0FB	RGB 246 240 251	#F6F0FB
66.7%	66.7% #F8F5FA	RGB 248 245 250	#F8F5FA
83.3%	83.3% #FAFAFA	RGB 250 250 250	#FAFAFA
100.0%	100.0% #FCFFFA	RGB 252 255 250	#FCFFFA

#F1E2FC #F2E6FB #F4EBFB #F6F0FB #F8F5FA #FAFAFA #FCFFFA

#F1E2FC - #FCFFFA

HSV Blend

#F1E2FC - #FCFFFA | 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 #F1E2FC as 0% and #FCFFFA as 100%.

0.0%	0.0% #F1E2FC	RGB 241 226 252	#F1E2FC
16.7%	16.7% #E7E5FC	RGB 231 229 252	#E7E5FC
33.3%	33.3% #E9F1FD	RGB 233 241 253	#E9F1FD
50.0%	50.0% #EDFCFD	RGB 237 252 253	#EDFCFD
66.7%	66.7% #F1FEF9	RGB 241 254 249	#F1FEF9
83.3%	83.3% #F5FEF6	RGB 245 254 246	#F5FEF6
100.0%	100.0% #FCFFFA	RGB 252 255 250	#FCFFFA

#F1E2FC #E7E5FC #E9F1FD #EDFCFD #F1FEF9 #F5FEF6 #FCFFFA

#F1E2FC - #EDFCFD - #FCFFFA

CSS codes

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

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