#EC8D3C - #F9DEC7 | 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 #EC8D3C to #F9DEC7

#EC8D3C #F9DEC7

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

#EC8D3C - #F9DEC7 | 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 #EC8D3C as 0% and #F9DEC7 as 100%.

0.0%	0.0% #EC8D3C	RGB 236 141 60	#EC8D3C
16.7%	16.7% #EE9A53	RGB 238 154 83	#EE9A53
33.3%	33.3% #F0A86A	RGB 240 168 106	#F0A86A
50.0%	50.0% #F2B581	RGB 242 181 129	#F2B581
66.7%	66.7% #F4C398	RGB 244 195 152	#F4C398
83.3%	83.3% #F6D0AF	RGB 246 208 175	#F6D0AF
100.0%	100.0% #F9DEC7	RGB 249 222 199	#F9DEC7

#EC8D3C #EE9A53 #F0A86A #F2B581 #F4C398 #F6D0AF #F9DEC7

#EC8D3C - #F9DEC7

HSV Blend

#EC8D3C - #F9DEC7 | 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 #EC8D3C as 0% and #F9DEC7 as 100%.

0.0%	0.0% #EC8D3C	RGB 236 141 60	#EC8D3C
16.7%	16.7% #EE9952	RGB 238 153 82	#EE9952
33.3%	33.3% #F0A768	RGB 240 167 104	#F0A768
50.0%	50.0% #F2B47F	RGB 242 180 127	#F2B47F
66.7%	66.7% #F4C297	RGB 244 194 151	#F4C297
83.3%	83.3% #F6CFAE	RGB 246 207 174	#F6CFAE
100.0%	100.0% #F9DEC7	RGB 249 222 199	#F9DEC7

#EC8D3C #EE9952 #F0A768 #F2B47F #F4C297 #F6CFAE #F9DEC7

#EC8D3C - #F2B47F - #F9DEC7

CSS codes

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

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