#FAFCFD - #F3E2FF | 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 #FAFCFD to #F3E2FF

#FAFCFD #F3E2FF

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

#FAFCFD - #F3E2FF | 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 #FAFCFD as 0% and #F3E2FF as 100%.

0.0%	0.0% #FAFCFD	RGB 250 252 253	#FAFCFD
16.7%	16.7% #F8F7FD	RGB 248 247 253	#F8F7FD
33.3%	33.3% #F7F3FD	RGB 247 243 253	#F7F3FD
50.0%	50.0% #F6EFFE	RGB 246 239 254	#F6EFFE
66.7%	66.7% #F5EAFE	RGB 245 234 254	#F5EAFE
83.3%	83.3% #F4E6FE	RGB 244 230 254	#F4E6FE
100.0%	100.0% #F3E2FF	RGB 243 226 255	#F3E2FF

#FAFCFD #F8F7FD #F7F3FD #F6EFFE #F5EAFE #F4E6FE #F3E2FF

#FAFCFD - #F3E2FF

HSV Blend

#FAFCFD - #F3E2FF | 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 #FAFCFD as 0% and #F3E2FF as 100%.

0.0%	0.0% #FAFCFD	RGB 250 252 253	#FAFCFD
16.7%	16.7% #F6F9FD	RGB 246 249 253	#F6F9FD
33.3%	33.3% #F2F4FD	RGB 242 244 253	#F2F4FD
50.0%	50.0% #EEEEFE	RGB 238 238 254	#EEEEFE
66.7%	66.7% #EDEAFE	RGB 237 234 254	#EDEAFE
83.3%	83.3% #EFE6FE	RGB 239 230 254	#EFE6FE
100.0%	100.0% #F3E2FF	RGB 243 226 255	#F3E2FF

#FAFCFD #F6F9FD #F2F4FD #EEEEFE #EDEAFE #EFE6FE #F3E2FF

#FAFCFD - #EEEEFE - #F3E2FF

CSS codes

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

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