#FEA2FF - #FEE4FF | 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 #FEA2FF to #FEE4FF

#FEA2FF #FEE4FF

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

#FEA2FF - #FEE4FF | 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 #FEA2FF as 0% and #FEE4FF as 100%.

0.0%	0.0% #FEA2FF	RGB 254 162 255	#FEA2FF
16.7%	16.7% #FEADFF	RGB 254 173 255	#FEADFF
33.3%	33.3% #FEB8FF	RGB 254 184 255	#FEB8FF
50.0%	50.0% #FEC3FF	RGB 254 195 255	#FEC3FF
66.7%	66.7% #FECEFF	RGB 254 206 255	#FECEFF
83.3%	83.3% #FED9FF	RGB 254 217 255	#FED9FF
100.0%	100.0% #FEE4FF	RGB 254 228 255	#FEE4FF

#FEA2FF #FEADFF #FEB8FF #FEC3FF #FECEFF #FED9FF #FEE4FF

#FEA2FF - #FEE4FF

HSV Blend

#FEA2FF - #FEE4FF | 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 #FEA2FF as 0% and #FEE4FF as 100%.

0.0%	0.0% #FEA2FF	RGB 254 162 255	#FEA2FF
16.7%	16.7% #FDADFF	RGB 253 173 255	#FDADFF
33.3%	33.3% #FDB8FF	RGB 253 184 255	#FDB8FF
50.0%	50.0% #FDC3FF	RGB 253 195 255	#FDC3FF
66.7%	66.7% #FDCEFF	RGB 253 206 255	#FDCEFF
83.3%	83.3% #FDD9FF	RGB 253 217 255	#FDD9FF
100.0%	100.0% #FEE4FF	RGB 254 228 255	#FEE4FF

#FEA2FF #FDADFF #FDB8FF #FDC3FF #FDCEFF #FDD9FF #FEE4FF

#FEA2FF - #FDC3FF - #FEE4FF

CSS codes

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

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