#FBC2FB - #FDEDFD | 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 #FBC2FB to #FDEDFD

#FBC2FB #FDEDFD

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

#FBC2FB - #FDEDFD | 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 #FBC2FB as 0% and #FDEDFD as 100%.

0.0%	0.0% #FBC2FB	RGB 251 194 251	#FBC2FB
16.7%	16.7% #FBC9FB	RGB 251 201 251	#FBC9FB
33.3%	33.3% #FBD0FB	RGB 251 208 251	#FBD0FB
50.0%	50.0% #FCD7FC	RGB 252 215 252	#FCD7FC
66.7%	66.7% #FCDEFC	RGB 252 222 252	#FCDEFC
83.3%	83.3% #FCE5FC	RGB 252 229 252	#FCE5FC
100.0%	100.0% #FDEDFD	RGB 253 237 253	#FDEDFD

#FBC2FB #FBC9FB #FBD0FB #FCD7FC #FCDEFC #FCE5FC #FDEDFD

#FBC2FB - #FDEDFD

HSV Blend

#FBC2FB - #FDEDFD | 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 #FBC2FB as 0% and #FDEDFD as 100%.

0.0%	0.0% #FBC2FB	RGB 251 194 251	#FBC2FB
16.7%	16.7% #FBC9FB	RGB 251 201 251	#FBC9FB
33.3%	33.3% #FBD0FB	RGB 251 208 251	#FBD0FB
50.0%	50.0% #FCD7FC	RGB 252 215 252	#FCD7FC
66.7%	66.7% #FCDEFC	RGB 252 222 252	#FCDEFC
83.3%	83.3% #FCE5FC	RGB 252 229 252	#FCE5FC
100.0%	100.0% #FDEDFD	RGB 253 237 253	#FDEDFD

#FBC2FB #FBC9FB #FBD0FB #FCD7FC #FCDEFC #FCE5FC #FDEDFD

#FBC2FB - #FCD7FC - #FDEDFD

CSS codes

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

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