#EC5E3B - #F9D1C7 | 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 #EC5E3B to #F9D1C7

#EC5E3B #F9D1C7

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

#EC5E3B - #F9D1C7 | 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 #EC5E3B as 0% and #F9D1C7 as 100%.

0.0%	0.0% #EC5E3B	RGB 236 94 59	#EC5E3B
16.7%	16.7% #EE7152	RGB 238 113 82	#EE7152
33.3%	33.3% #F08469	RGB 240 132 105	#F08469
50.0%	50.0% #F29781	RGB 242 151 129	#F29781
66.7%	66.7% #F4AA98	RGB 244 170 152	#F4AA98
83.3%	83.3% #F6BDAF	RGB 246 189 175	#F6BDAF
100.0%	100.0% #F9D1C7	RGB 249 209 199	#F9D1C7

#EC5E3B #EE7152 #F08469 #F29781 #F4AA98 #F6BDAF #F9D1C7

#EC5E3B - #F9D1C7

HSV Blend

#EC5E3B - #F9D1C7 | 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 #EC5E3B as 0% and #F9D1C7 as 100%.

0.0%	0.0% #EC5E3B	RGB 236 94 59	#EC5E3B
16.7%	16.7% #EE7051	RGB 238 112 81	#EE7051
33.3%	33.3% #F08368	RGB 240 131 104	#F08368
50.0%	50.0% #F2967F	RGB 242 150 127	#F2967F
66.7%	66.7% #F4A996	RGB 244 169 150	#F4A996
83.3%	83.3% #F6BDAE	RGB 246 189 174	#F6BDAE
100.0%	100.0% #F9D1C7	RGB 249 209 199	#F9D1C7

#EC5E3B #EE7051 #F08368 #F2967F #F4A996 #F6BDAE #F9D1C7

#EC5E3B - #F2967F - #F9D1C7

CSS codes

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

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