#F1BDFB - #FAECFD | 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 #F1BDFB to #FAECFD

#F1BDFB #FAECFD

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

#F1BDFB - #FAECFD | 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 #F1BDFB as 0% and #FAECFD as 100%.

0.0%	0.0% #F1BDFB	RGB 241 189 251	#F1BDFB
16.7%	16.7% #F2C4FB	RGB 242 196 251	#F2C4FB
33.3%	33.3% #F4CCFB	RGB 244 204 251	#F4CCFB
50.0%	50.0% #F5D4FC	RGB 245 212 252	#F5D4FC
66.7%	66.7% #F7DCFC	RGB 247 220 252	#F7DCFC
83.3%	83.3% #F8E4FC	RGB 248 228 252	#F8E4FC
100.0%	100.0% #FAECFD	RGB 250 236 253	#FAECFD

#F1BDFB #F2C4FB #F4CCFB #F5D4FC #F7DCFC #F8E4FC #FAECFD

#F1BDFB - #FAECFD

HSV Blend

#F1BDFB - #FAECFD | 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 #F1BDFB as 0% and #FAECFD as 100%.

0.0%	0.0% #F1BDFB	RGB 241 189 251	#F1BDFB
16.7%	16.7% #F2C4FB	RGB 242 196 251	#F2C4FB
33.3%	33.3% #F3CCFB	RGB 243 204 251	#F3CCFB
50.0%	50.0% #F5D4FC	RGB 245 212 252	#F5D4FC
66.7%	66.7% #F6DCFC	RGB 246 220 252	#F6DCFC
83.3%	83.3% #F8E4FC	RGB 248 228 252	#F8E4FC
100.0%	100.0% #FAECFD	RGB 250 236 253	#FAECFD

#F1BDFB #F2C4FB #F3CCFB #F5D4FC #F6DCFC #F8E4FC #FAECFD

#F1BDFB - #F5D4FC - #FAECFD

CSS codes

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

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