#FEC7FF - #FFEFFE | 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 #FEC7FF to #FFEFFE

#FEC7FF #FFEFFE

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

#FEC7FF - #FFEFFE | 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 #FEC7FF as 0% and #FFEFFE as 100%.

0.0%	0.0% #FEC7FF	RGB 254 199 255	#FEC7FF
16.7%	16.7% #FECDFE	RGB 254 205 254	#FECDFE
33.3%	33.3% #FED4FE	RGB 254 212 254	#FED4FE
50.0%	50.0% #FEDBFE	RGB 254 219 254	#FEDBFE
66.7%	66.7% #FEE1FE	RGB 254 225 254	#FEE1FE
83.3%	83.3% #FEE8FE	RGB 254 232 254	#FEE8FE
100.0%	100.0% #FFEFFE	RGB 255 239 254	#FFEFFE

#FEC7FF #FECDFE #FED4FE #FEDBFE #FEE1FE #FEE8FE #FFEFFE

#FEC7FF - #FFEFFE

HSV Blend

#FEC7FF - #FFEFFE | 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 #FEC7FF as 0% and #FFEFFE as 100%.

0.0%	0.0% #FEC7FF	RGB 254 199 255	#FEC7FF
16.7%	16.7% #FECDFF	RGB 254 205 255	#FECDFF
33.3%	33.3% #FFD4FE	RGB 255 212 254	#FFD4FE
50.0%	50.0% #FFDBFE	RGB 255 219 254	#FFDBFE
66.7%	66.7% #FFE1FD	RGB 255 225 253	#FFE1FD
83.3%	83.3% #FFE8FD	RGB 255 232 253	#FFE8FD
100.0%	100.0% #FFEFFE	RGB 255 239 254	#FFEFFE

#FEC7FF #FECDFF #FFD4FE #FFDBFE #FFE1FD #FFE8FD #FFEFFE

#FEC7FF - #FFDBFE - #FFEFFE

CSS codes

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

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