#EC4E5E - #F9CCD1 | 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 #EC4E5E to #F9CCD1

#EC4E5E #F9CCD1

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

#EC4E5E - #F9CCD1 | 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 #EC4E5E as 0% and #F9CCD1 as 100%.

0.0%	0.0% #EC4E5E	RGB 236 78 94	#EC4E5E
16.7%	16.7% #EE6371	RGB 238 99 113	#EE6371
33.3%	33.3% #F07884	RGB 240 120 132	#F07884
50.0%	50.0% #F28D97	RGB 242 141 151	#F28D97
66.7%	66.7% #F4A2AA	RGB 244 162 170	#F4A2AA
83.3%	83.3% #F6B7BD	RGB 246 183 189	#F6B7BD
100.0%	100.0% #F9CCD1	RGB 249 204 209	#F9CCD1

#EC4E5E #EE6371 #F07884 #F28D97 #F4A2AA #F6B7BD #F9CCD1

#EC4E5E - #F9CCD1

HSV Blend

#EC4E5E - #F9CCD1 | 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 #EC4E5E as 0% and #F9CCD1 as 100%.

0.0%	0.0% #EC4E5E	RGB 236 78 94	#EC4E5E
16.7%	16.7% #EE6270	RGB 238 98 112	#EE6270
33.3%	33.3% #F07683	RGB 240 118 131	#F07683
50.0%	50.0% #F28B96	RGB 242 139 150	#F28B96
66.7%	66.7% #F4A0A9	RGB 244 160 169	#F4A0A9
83.3%	83.3% #F6B6BD	RGB 246 182 189	#F6B6BD
100.0%	100.0% #F9CCD1	RGB 249 204 209	#F9CCD1

#EC4E5E #EE6270 #F07683 #F28B96 #F4A0A9 #F6B6BD #F9CCD1

#EC4E5E - #F28B96 - #F9CCD1

CSS codes

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

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