#EC8C5E - #FAD67F | 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 #EC8C5E to #FAD67F

#EC8C5E #FAD67F

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

#EC8C5E - #FAD67F | 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 #EC8C5E as 0% and #FAD67F as 100%.

0.0%	0.0% #EC8C5E	RGB 236 140 94	#EC8C5E
16.7%	16.7% #EE9863	RGB 238 152 99	#EE9863
33.3%	33.3% #F0A469	RGB 240 164 105	#F0A469
50.0%	50.0% #F3B16E	RGB 243 177 110	#F3B16E
66.7%	66.7% #F5BD74	RGB 245 189 116	#F5BD74
83.3%	83.3% #F7C979	RGB 247 201 121	#F7C979
100.0%	100.0% #FAD67F	RGB 250 214 127	#FAD67F

#EC8C5E #EE9863 #F0A469 #F3B16E #F5BD74 #F7C979 #FAD67F

#EC8C5E - #FAD67F

HSV Blend

#EC8C5E - #FAD67F | 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 #EC8C5E as 0% and #FAD67F as 100%.

0.0%	0.0% #EC8C5E	RGB 236 140 94	#EC8C5E
16.7%	16.7% #EE9963	RGB 238 153 99	#EE9963
33.3%	33.3% #F0A668	RGB 240 166 104	#F0A668
50.0%	50.0% #F3B26E	RGB 243 178 110	#F3B26E
66.7%	66.7% #F5BE73	RGB 245 190 115	#F5BE73
83.3%	83.3% #F7CA79	RGB 247 202 121	#F7CA79
100.0%	100.0% #FAD67F	RGB 250 214 127	#FAD67F

#EC8C5E #EE9963 #F0A668 #F3B26E #F5BE73 #F7CA79 #FAD67F

#EC8C5E - #F3B26E - #FAD67F

CSS codes

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

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