#FED2FF - #FEF2FF | 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 #FED2FF to #FEF2FF

#FED2FF #FEF2FF

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

#FED2FF - #FEF2FF | 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 #FED2FF as 0% and #FEF2FF as 100%.

0.0%	0.0% #FED2FF	RGB 254 210 255	#FED2FF
16.7%	16.7% #FED7FF	RGB 254 215 255	#FED7FF
33.3%	33.3% #FEDCFF	RGB 254 220 255	#FEDCFF
50.0%	50.0% #FEE2FF	RGB 254 226 255	#FEE2FF
66.7%	66.7% #FEE7FF	RGB 254 231 255	#FEE7FF
83.3%	83.3% #FEECFF	RGB 254 236 255	#FEECFF
100.0%	100.0% #FEF2FF	RGB 254 242 255	#FEF2FF

#FED2FF #FED7FF #FEDCFF #FEE2FF #FEE7FF #FEECFF #FEF2FF

#FED2FF - #FEF2FF

HSV Blend

#FED2FF - #FEF2FF | 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 #FED2FF as 0% and #FEF2FF as 100%.

0.0%	0.0% #FED2FF	RGB 254 210 255	#FED2FF
16.7%	16.7% #FDD7FF	RGB 253 215 255	#FDD7FF
33.3%	33.3% #FDDCFF	RGB 253 220 255	#FDDCFF
50.0%	50.0% #FDE2FF	RGB 253 226 255	#FDE2FF
66.7%	66.7% #FDE7FF	RGB 253 231 255	#FDE7FF
83.3%	83.3% #FDECFF	RGB 253 236 255	#FDECFF
100.0%	100.0% #FEF2FF	RGB 254 242 255	#FEF2FF

#FED2FF #FDD7FF #FDDCFF #FDE2FF #FDE7FF #FDECFF #FEF2FF

#FED2FF - #FDE2FF - #FEF2FF

CSS codes

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

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