#FEC1F9 - #E04EC0 | 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 #FEC1F9 to #E04EC0

#FEC1F9 #E04EC0

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

#FEC1F9 - #E04EC0 | 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 #FEC1F9 as 0% and #E04EC0 as 100%.

0.0%	0.0% #FEC1F9	RGB 254 193 249	#FEC1F9
16.7%	16.7% #F9ADEF	RGB 249 173 239	#F9ADEF
33.3%	33.3% #F49AE6	RGB 244 154 230	#F49AE6
50.0%	50.0% #EF87DC	RGB 239 135 220	#EF87DC
66.7%	66.7% #EA74D3	RGB 234 116 211	#EA74D3
83.3%	83.3% #E561C9	RGB 229 97 201	#E561C9
100.0%	100.0% #E04EC0	RGB 224 78 192	#E04EC0

#FEC1F9 #F9ADEF #F49AE6 #EF87DC #EA74D3 #E561C9 #E04EC0

#FEC1F9 - #E04EC0

HSV Blend

#FEC1F9 - #E04EC0 | 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 #FEC1F9 as 0% and #E04EC0 as 100%.

0.0%	0.0% #FEC1F9	RGB 254 193 249	#FEC1F9
16.7%	16.7% #F9ACF0	RGB 249 172 240	#F9ACF0
33.3%	33.3% #F497E8	RGB 244 151 232	#F497E8
50.0%	50.0% #EF84DE	RGB 239 132 222	#EF84DE
66.7%	66.7% #EA71D5	RGB 234 113 213	#EA71D5
83.3%	83.3% #E55FCA	RGB 229 95 202	#E55FCA
100.0%	100.0% #E04EC0	RGB 224 78 192	#E04EC0

#FEC1F9 #F9ACF0 #F497E8 #EF84DE #EA71D5 #E55FCA #E04EC0

#FEC1F9 - #EF84DE - #E04EC0

CSS codes

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

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