#FFE6FF - #FEF7FF | 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 #FFE6FF to #FEF7FF

#FFE6FF #FEF7FF

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

#FFE6FF - #FEF7FF | 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 #FFE6FF as 0% and #FEF7FF as 100%.

0.0%	0.0% #FFE6FF	RGB 255 230 255	#FFE6FF
16.7%	16.7% #FEE8FF	RGB 254 232 255	#FEE8FF
33.3%	33.3% #FEEBFF	RGB 254 235 255	#FEEBFF
50.0%	50.0% #FEEEFF	RGB 254 238 255	#FEEEFF
66.7%	66.7% #FEF1FF	RGB 254 241 255	#FEF1FF
83.3%	83.3% #FEF4FF	RGB 254 244 255	#FEF4FF
100.0%	100.0% #FEF7FF	RGB 254 247 255	#FEF7FF

#FFE6FF #FEE8FF #FEEBFF #FEEEFF #FEF1FF #FEF4FF #FEF7FF

#FFE6FF - #FEF7FF

HSV Blend

#FFE6FF - #FEF7FF | 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 #FFE6FF as 0% and #FEF7FF as 100%.

0.0%	0.0% #FFE6FF	RGB 255 230 255	#FFE6FF
16.7%	16.7% #FEE8FF	RGB 254 232 255	#FEE8FF
33.3%	33.3% #FEEBFF	RGB 254 235 255	#FEEBFF
50.0%	50.0% #FDEEFF	RGB 253 238 255	#FDEEFF
66.7%	66.7% #FDF1FF	RGB 253 241 255	#FDF1FF
83.3%	83.3% #FDF4FF	RGB 253 244 255	#FDF4FF
100.0%	100.0% #FEF7FF	RGB 254 247 255	#FEF7FF

#FFE6FF #FEE8FF #FEEBFF #FDEEFF #FDF1FF #FDF4FF #FEF7FF

#FFE6FF - #FDEEFF - #FEF7FF

CSS codes

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

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