#FFFCFE - #EEDFFF | 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 #FFFCFE to #EEDFFF

#FFFCFE #EEDFFF

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

#FFFCFE - #EEDFFF | 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 #FFFCFE as 0% and #EEDFFF as 100%.

0.0%	0.0% #FFFCFE	RGB 255 252 254	#FFFCFE
16.7%	16.7% #FCF7FE	RGB 252 247 254	#FCF7FE
33.3%	33.3% #F9F2FE	RGB 249 242 254	#F9F2FE
50.0%	50.0% #F6EDFE	RGB 246 237 254	#F6EDFE
66.7%	66.7% #F3E8FE	RGB 243 232 254	#F3E8FE
83.3%	83.3% #F0E3FE	RGB 240 227 254	#F0E3FE
100.0%	100.0% #EEDFFF	RGB 238 223 255	#EEDFFF

#FFFCFE #FCF7FE #F9F2FE #F6EDFE #F3E8FE #F0E3FE #EEDFFF

#FFFCFE - #EEDFFF

HSV Blend

#FFFCFE - #EEDFFF | 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 #FFFCFE as 0% and #EEDFFF as 100%.

0.0%	0.0% #FFFCFE	RGB 255 252 254	#FFFCFE
16.7%	16.7% #FFF7FD	RGB 255 247 253	#FFF7FD
33.3%	33.3% #FFF2FE	RGB 255 242 254	#FFF2FE
50.0%	50.0% #FDEDFF	RGB 253 237 255	#FDEDFF
66.7%	66.7% #F9E8FF	RGB 249 232 255	#F9E8FF
83.3%	83.3% #F4E3FF	RGB 244 227 255	#F4E3FF
100.0%	100.0% #EEDFFF	RGB 238 223 255	#EEDFFF

#FFFCFE #FFF7FD #FFF2FE #FDEDFF #F9E8FF #F4E3FF #EEDFFF

#FFFCFE - #FDEDFF - #EEDFFF

CSS codes

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

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