#EC4D3D - #F9CCC7 | 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 #EC4D3D to #F9CCC7

#EC4D3D #F9CCC7

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

#EC4D3D - #F9CCC7 | 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 #EC4D3D as 0% and #F9CCC7 as 100%.

0.0%	0.0% #EC4D3D	RGB 236 77 61	#EC4D3D
16.7%	16.7% #EE6254	RGB 238 98 84	#EE6254
33.3%	33.3% #F0776B	RGB 240 119 107	#F0776B
50.0%	50.0% #F28C82	RGB 242 140 130	#F28C82
66.7%	66.7% #F4A199	RGB 244 161 153	#F4A199
83.3%	83.3% #F6B6B0	RGB 246 182 176	#F6B6B0
100.0%	100.0% #F9CCC7	RGB 249 204 199	#F9CCC7

#EC4D3D #EE6254 #F0776B #F28C82 #F4A199 #F6B6B0 #F9CCC7

#EC4D3D - #F9CCC7

HSV Blend

#EC4D3D - #F9CCC7 | 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 #EC4D3D as 0% and #F9CCC7 as 100%.

0.0%	0.0% #EC4D3D	RGB 236 77 61	#EC4D3D
16.7%	16.7% #EE6153	RGB 238 97 83	#EE6153
33.3%	33.3% #F07669	RGB 240 118 105	#F07669
50.0%	50.0% #F28B80	RGB 242 139 128	#F28B80
66.7%	66.7% #F4A097	RGB 244 160 151	#F4A097
83.3%	83.3% #F6B6AF	RGB 246 182 175	#F6B6AF
100.0%	100.0% #F9CCC7	RGB 249 204 199	#F9CCC7

#EC4D3D #EE6153 #F07669 #F28B80 #F4A097 #F6B6AF #F9CCC7

#EC4D3D - #F28B80 - #F9CCC7

CSS codes

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

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