#FCA8F8 - #E52CD8 | 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 #FCA8F8 to #E52CD8

#FCA8F8 #E52CD8

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

#FCA8F8 - #E52CD8 | 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 #FCA8F8 as 0% and #E52CD8 as 100%.

0.0%	0.0% #FCA8F8	RGB 252 168 248	#FCA8F8
16.7%	16.7% #F893F2	RGB 248 147 242	#F893F2
33.3%	33.3% #F47EED	RGB 244 126 237	#F47EED
50.0%	50.0% #F06AE8	RGB 240 106 232	#F06AE8
66.7%	66.7% #EC55E2	RGB 236 85 226	#EC55E2
83.3%	83.3% #E840DD	RGB 232 64 221	#E840DD
100.0%	100.0% #E52CD8	RGB 229 44 216	#E52CD8

#FCA8F8 #F893F2 #F47EED #F06AE8 #EC55E2 #E840DD #E52CD8

#FCA8F8 - #E52CD8

HSV Blend

#FCA8F8 - #E52CD8 | 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 #FCA8F8 as 0% and #E52CD8 as 100%.

0.0%	0.0% #FCA8F8	RGB 252 168 248	#FCA8F8
16.7%	16.7% #F891F2	RGB 248 145 242	#F891F2
33.3%	33.3% #F47CED	RGB 244 124 237	#F47CED
50.0%	50.0% #F067E8	RGB 240 103 232	#F067E8
66.7%	66.7% #EC52E3	RGB 236 82 227	#EC52E3
83.3%	83.3% #E83FDD	RGB 232 63 221	#E83FDD
100.0%	100.0% #E52CD8	RGB 229 44 216	#E52CD8

#FCA8F8 #F891F2 #F47CED #F067E8 #EC52E3 #E83FDD #E52CD8

#FCA8F8 - #F067E8 - #E52CD8

CSS codes

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

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