#FEC5E1 - #EA729F | 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 #FEC5E1 to #EA729F

#FEC5E1 #EA729F

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

#FEC5E1 - #EA729F | 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 #FEC5E1 as 0% and #EA729F as 100%.

0.0%	0.0% #FEC5E1	RGB 254 197 225	#FEC5E1
16.7%	16.7% #FAB7D6	RGB 250 183 214	#FAB7D6
33.3%	33.3% #F7A9CB	RGB 247 169 203	#F7A9CB
50.0%	50.0% #F49BC0	RGB 244 155 192	#F49BC0
66.7%	66.7% #F08DB5	RGB 240 141 181	#F08DB5
83.3%	83.3% #ED7FAA	RGB 237 127 170	#ED7FAA
100.0%	100.0% #EA729F	RGB 234 114 159	#EA729F

#FEC5E1 #FAB7D6 #F7A9CB #F49BC0 #F08DB5 #ED7FAA #EA729F

#FEC5E1 - #EA729F

HSV Blend

#FEC5E1 - #EA729F | 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 #FEC5E1 as 0% and #EA729F as 100%.

0.0%	0.0% #FEC5E1	RGB 254 197 225	#FEC5E1
16.7%	16.7% #FAB6D6	RGB 250 182 214	#FAB6D6
33.3%	33.3% #F7A8CB	RGB 247 168 203	#F7A8CB
50.0%	50.0% #F49AC1	RGB 244 154 193	#F49AC1
66.7%	66.7% #F08CB5	RGB 240 140 181	#F08CB5
83.3%	83.3% #ED7FAA	RGB 237 127 170	#ED7FAA
100.0%	100.0% #EA729F	RGB 234 114 159	#EA729F

#FEC5E1 #FAB6D6 #F7A8CB #F49AC1 #F08CB5 #ED7FAA #EA729F

#FEC5E1 - #F49AC1 - #EA729F

CSS codes

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

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