#FDFAFF - #FAC7E2 | 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 #FDFAFF to #FAC7E2

#FDFAFF #FAC7E2

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

#FDFAFF - #FAC7E2 | 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 #FDFAFF as 0% and #FAC7E2 as 100%.

0.0%	0.0% #FDFAFF	RGB 253 250 255	#FDFAFF
16.7%	16.7% #FCF1FA	RGB 252 241 250	#FCF1FA
33.3%	33.3% #FCE9F5	RGB 252 233 245	#FCE9F5
50.0%	50.0% #FBE0F0	RGB 251 224 240	#FBE0F0
66.7%	66.7% #FBD8EB	RGB 251 216 235	#FBD8EB
83.3%	83.3% #FACFE6	RGB 250 207 230	#FACFE6
100.0%	100.0% #FAC7E2	RGB 250 199 226	#FAC7E2

#FDFAFF #FCF1FA #FCE9F5 #FBE0F0 #FBD8EB #FACFE6 #FAC7E2

#FDFAFF - #FAC7E2

HSV Blend

#FDFAFF - #FAC7E2 | 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 #FDFAFF as 0% and #FAC7E2 as 100%.

0.0%	0.0% #FDFAFF	RGB 253 250 255	#FDFAFF
16.7%	16.7% #FAF1FE	RGB 250 241 254	#FAF1FE
33.3%	33.3% #FBE8FD	RGB 251 232 253	#FBE8FD
50.0%	50.0% #FCE0FB	RGB 252 224 251	#FCE0FB
66.7%	66.7% #FBD7F5	RGB 251 215 245	#FBD7F5
83.3%	83.3% #FACFEC	RGB 250 207 236	#FACFEC
100.0%	100.0% #FAC7E2	RGB 250 199 226	#FAC7E2

#FDFAFF #FAF1FE #FBE8FD #FCE0FB #FBD7F5 #FACFEC #FAC7E2

#FDFAFF - #FCE0FB - #FAC7E2

CSS codes

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

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