#FCFAFF - #FFE5E4 | 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 #FCFAFF to #FFE5E4

#FCFAFF #FFE5E4

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

#FCFAFF - #FFE5E4 | 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 #FCFAFF as 0% and #FFE5E4 as 100%.

0.0%	0.0% #FCFAFF	RGB 252 250 255	#FCFAFF
16.7%	16.7% #FCF6FA	RGB 252 246 250	#FCF6FA
33.3%	33.3% #FDF3F6	RGB 253 243 246	#FDF3F6
50.0%	50.0% #FDEFF1	RGB 253 239 241	#FDEFF1
66.7%	66.7% #FEECED	RGB 254 236 237	#FEECED
83.3%	83.3% #FEE8E8	RGB 254 232 232	#FEE8E8
100.0%	100.0% #FFE5E4	RGB 255 229 228	#FFE5E4

#FCFAFF #FCF6FA #FDF3F6 #FDEFF1 #FEECED #FEE8E8 #FFE5E4

#FCFAFF - #FFE5E4

HSV Blend

#FCFAFF - #FFE5E4 | 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 #FCFAFF as 0% and #FFE5E4 as 100%.

0.0%	0.0% #FCFAFF	RGB 252 250 255	#FCFAFF
16.7%	16.7% #FCF6FF	RGB 252 246 255	#FCF6FF
33.3%	33.3% #FEF2FF	RGB 254 242 255	#FEF2FF
50.0%	50.0% #FFEFFB	RGB 255 239 251	#FFEFFB
66.7%	66.7% #FFEBF5	RGB 255 235 245	#FFEBF5
83.3%	83.3% #FFE7ED	RGB 255 231 237	#FFE7ED
100.0%	100.0% #FFE5E4	RGB 255 229 228	#FFE5E4

#FCFAFF #FCF6FF #FEF2FF #FFEFFB #FFEBF5 #FFE7ED #FFE5E4

#FCFAFF - #FFEFFB - #FFE5E4

CSS codes

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

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