#EC7F8C - #FED4A4 | 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 #EC7F8C to #FED4A4

#EC7F8C #FED4A4

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

#EC7F8C - #FED4A4 | 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 #EC7F8C as 0% and #FED4A4 as 100%.

0.0%	0.0% #EC7F8C	RGB 236 127 140	#EC7F8C
16.7%	16.7% #EF8D90	RGB 239 141 144	#EF8D90
33.3%	33.3% #F29B94	RGB 242 155 148	#F29B94
50.0%	50.0% #F5A998	RGB 245 169 152	#F5A998
66.7%	66.7% #F8B79C	RGB 248 183 156	#F8B79C
83.3%	83.3% #FBC5A0	RGB 251 197 160	#FBC5A0
100.0%	100.0% #FED4A4	RGB 254 212 164	#FED4A4

#EC7F8C #EF8D90 #F29B94 #F5A998 #F8B79C #FBC5A0 #FED4A4

#EC7F8C - #FED4A4

HSV Blend

#EC7F8C - #FED4A4 | 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 #EC7F8C as 0% and #FED4A4 as 100%.

0.0%	0.0% #EC7F8C	RGB 236 127 140	#EC7F8C
16.7%	16.7% #EF8486	RGB 239 132 134	#EF8486
33.3%	33.3% #F2958A	RGB 242 149 138	#F2958A
50.0%	50.0% #F5A591	RGB 245 165 145	#F5A591
66.7%	66.7% #F8B597	RGB 248 181 151	#F8B597
83.3%	83.3% #FBC59D	RGB 251 197 157	#FBC59D
100.0%	100.0% #FED4A4	RGB 254 212 164	#FED4A4

#EC7F8C #EF8486 #F2958A #F5A591 #F8B597 #FBC59D #FED4A4

#EC7F8C - #F5A591 - #FED4A4

CSS codes

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

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