#EC7E04 - #F9DAB7 | 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 #EC7E04 to #F9DAB7

#EC7E04 #F9DAB7

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

#EC7E04 - #F9DAB7 | 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 #EC7E04 as 0% and #F9DAB7 as 100%.

0.0%	0.0% #EC7E04	RGB 236 126 4	#EC7E04
16.7%	16.7% #EE8D21	RGB 238 141 33	#EE8D21
33.3%	33.3% #F09C3F	RGB 240 156 63	#F09C3F
50.0%	50.0% #F2AC5D	RGB 242 172 93	#F2AC5D
66.7%	66.7% #F4BB7B	RGB 244 187 123	#F4BB7B
83.3%	83.3% #F6CA99	RGB 246 202 153	#F6CA99
100.0%	100.0% #F9DAB7	RGB 249 218 183	#F9DAB7

#EC7E04 #EE8D21 #F09C3F #F2AC5D #F4BB7B #F6CA99 #F9DAB7

#EC7E04 - #F9DAB7

HSV Blend

#EC7E04 - #F9DAB7 | 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 #EC7E04 as 0% and #F9DAB7 as 100%.

0.0%	0.0% #EC7E04	RGB 236 126 4	#EC7E04
16.7%	16.7% #EE8C20	RGB 238 140 32	#EE8C20
33.3%	33.3% #F09B3D	RGB 240 155 61	#F09B3D
50.0%	50.0% #F2AB5B	RGB 242 171 91	#F2AB5B
66.7%	66.7% #F4BA79	RGB 244 186 121	#F4BA79
83.3%	83.3% #F6CA97	RGB 246 202 151	#F6CA97
100.0%	100.0% #F9DAB7	RGB 249 218 183	#F9DAB7

#EC7E04 #EE8C20 #F09B3D #F2AB5B #F4BA79 #F6CA97 #F9DAB7

#EC7E04 - #F2AB5B - #F9DAB7

CSS codes

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

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