#FEB0FF - #FEE8FF | 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 #FEB0FF to #FEE8FF

#FEB0FF #FEE8FF

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

#FEB0FF - #FEE8FF | 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 #FEB0FF as 0% and #FEE8FF as 100%.

0.0%	0.0% #FEB0FF	RGB 254 176 255	#FEB0FF
16.7%	16.7% #FEB9FF	RGB 254 185 255	#FEB9FF
33.3%	33.3% #FEC2FF	RGB 254 194 255	#FEC2FF
50.0%	50.0% #FECCFF	RGB 254 204 255	#FECCFF
66.7%	66.7% #FED5FF	RGB 254 213 255	#FED5FF
83.3%	83.3% #FEDEFF	RGB 254 222 255	#FEDEFF
100.0%	100.0% #FEE8FF	RGB 254 232 255	#FEE8FF

#FEB0FF #FEB9FF #FEC2FF #FECCFF #FED5FF #FEDEFF #FEE8FF

#FEB0FF - #FEE8FF

HSV Blend

#FEB0FF - #FEE8FF | 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 #FEB0FF as 0% and #FEE8FF as 100%.

0.0%	0.0% #FEB0FF	RGB 254 176 255	#FEB0FF
16.7%	16.7% #FDB9FF	RGB 253 185 255	#FDB9FF
33.3%	33.3% #FDC2FF	RGB 253 194 255	#FDC2FF
50.0%	50.0% #FDCCFF	RGB 253 204 255	#FDCCFF
66.7%	66.7% #FDD5FF	RGB 253 213 255	#FDD5FF
83.3%	83.3% #FDDEFF	RGB 253 222 255	#FDDEFF
100.0%	100.0% #FEE8FF	RGB 254 232 255	#FEE8FF

#FEB0FF #FDB9FF #FDC2FF #FDCCFF #FDD5FF #FDDEFF #FEE8FF

#FEB0FF - #FDCCFF - #FEE8FF

CSS codes

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

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