#F2E2FC - #FEFFFA | 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 #F2E2FC to #FEFFFA

#F2E2FC #FEFFFA

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

#F2E2FC - #FEFFFA | 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 #F2E2FC as 0% and #FEFFFA as 100%.

0.0%	0.0% #F2E2FC	RGB 242 226 252	#F2E2FC
16.7%	16.7% #F4E6FB	RGB 244 230 251	#F4E6FB
33.3%	33.3% #F6EBFB	RGB 246 235 251	#F6EBFB
50.0%	50.0% #F8F0FB	RGB 248 240 251	#F8F0FB
66.7%	66.7% #FAF5FA	RGB 250 245 250	#FAF5FA
83.3%	83.3% #FCFAFA	RGB 252 250 250	#FCFAFA
100.0%	100.0% #FEFFFA	RGB 254 255 250	#FEFFFA

#F2E2FC #F4E6FB #F6EBFB #F8F0FB #FAF5FA #FCFAFA #FEFFFA

#F2E2FC - #FEFFFA

HSV Blend

#F2E2FC - #FEFFFA | 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 #F2E2FC as 0% and #FEFFFA as 100%.

0.0%	0.0% #F2E2FC	RGB 242 226 252	#F2E2FC
16.7%	16.7% #FCE5FB	RGB 252 229 251	#FCE5FB
33.3%	33.3% #FDE9F3	RGB 253 233 243	#FDE9F3
50.0%	50.0% #FDEDEF	RGB 253 237 239	#FDEDEF
66.7%	66.7% #FEF6F1	RGB 254 246 241	#FEF6F1
83.3%	83.3% #FEFCF5	RGB 254 252 245	#FEFCF5
100.0%	100.0% #FEFFFA	RGB 254 255 250	#FEFFFA

#F2E2FC #FCE5FB #FDE9F3 #FDEDEF #FEF6F1 #FEFCF5 #FEFFFA

#F2E2FC - #FDEDEF - #FEFFFA

CSS codes

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

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