#EC4C3C - #F9CBC7 | 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 #EC4C3C to #F9CBC7

#EC4C3C #F9CBC7

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

#EC4C3C - #F9CBC7 | 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 #EC4C3C as 0% and #F9CBC7 as 100%.

0.0%	0.0% #EC4C3C	RGB 236 76 60	#EC4C3C
16.7%	16.7% #EE6153	RGB 238 97 83	#EE6153
33.3%	33.3% #F0766A	RGB 240 118 106	#F0766A
50.0%	50.0% #F28B81	RGB 242 139 129	#F28B81
66.7%	66.7% #F4A098	RGB 244 160 152	#F4A098
83.3%	83.3% #F6B5AF	RGB 246 181 175	#F6B5AF
100.0%	100.0% #F9CBC7	RGB 249 203 199	#F9CBC7

#EC4C3C #EE6153 #F0766A #F28B81 #F4A098 #F6B5AF #F9CBC7

#EC4C3C - #F9CBC7

HSV Blend

#EC4C3C - #F9CBC7 | 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 #EC4C3C as 0% and #F9CBC7 as 100%.

0.0%	0.0% #EC4C3C	RGB 236 76 60	#EC4C3C
16.7%	16.7% #EE6052	RGB 238 96 82	#EE6052
33.3%	33.3% #F07468	RGB 240 116 104	#F07468
50.0%	50.0% #F2897F	RGB 242 137 127	#F2897F
66.7%	66.7% #F49E97	RGB 244 158 151	#F49E97
83.3%	83.3% #F6B4AE	RGB 246 180 174	#F6B4AE
100.0%	100.0% #F9CBC7	RGB 249 203 199	#F9CBC7

#EC4C3C #EE6052 #F07468 #F2897F #F49E97 #F6B4AE #F9CBC7

#EC4C3C - #F2897F - #F9CBC7

CSS codes

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

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