#E9A8FF - #FEF1F8 | 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 #E9A8FF to #FEF1F8

#E9A8FF #FEF1F8

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

#E9A8FF - #FEF1F8 | 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 #E9A8FF as 0% and #FEF1F8 as 100%.

0.0%	0.0% #E9A8FF	RGB 233 168 255	#E9A8FF
16.7%	16.7% #ECB4FD	RGB 236 180 253	#ECB4FD
33.3%	33.3% #F0C0FC	RGB 240 192 252	#F0C0FC
50.0%	50.0% #F3CCFB	RGB 243 204 251	#F3CCFB
66.7%	66.7% #F7D8FA	RGB 247 216 250	#F7D8FA
83.3%	83.3% #FAE4F9	RGB 250 228 249	#FAE4F9
100.0%	100.0% #FEF1F8	RGB 254 241 248	#FEF1F8

#E9A8FF #ECB4FD #F0C0FC #F3CCFB #F7D8FA #FAE4F9 #FEF1F8

#E9A8FF - #FEF1F8

HSV Blend

#E9A8FF - #FEF1F8 | 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 #E9A8FF as 0% and #FEF1F8 as 100%.

0.0%	0.0% #E9A8FF	RGB 233 168 255	#E9A8FF
16.7%	16.7% #F4B4FE	RGB 244 180 254	#F4B4FE
33.3%	33.3% #FDC0FE	RGB 253 192 254	#FDC0FE
50.0%	50.0% #FECCF9	RGB 254 204 249	#FECCF9
66.7%	66.7% #FED8F5	RGB 254 216 245	#FED8F5
83.3%	83.3% #FEE4F5	RGB 254 228 245	#FEE4F5
100.0%	100.0% #FEF1F8	RGB 254 241 248	#FEF1F8

#E9A8FF #F4B4FE #FDC0FE #FECCF9 #FED8F5 #FEE4F5 #FEF1F8

#E9A8FF - #FECCF9 - #FEF1F8

CSS codes

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

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