#ED965C - #F8DA7E | 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 #ED965C to #F8DA7E

#ED965C #F8DA7E

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

#ED965C - #F8DA7E | 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 #ED965C as 0% and #F8DA7E as 100%.

0.0%	0.0% #ED965C	RGB 237 150 92	#ED965C
16.7%	16.7% #EEA161	RGB 238 161 97	#EEA161
33.3%	33.3% #F0AC67	RGB 240 172 103	#F0AC67
50.0%	50.0% #F2B86D	RGB 242 184 109	#F2B86D
66.7%	66.7% #F4C372	RGB 244 195 114	#F4C372
83.3%	83.3% #F6CE78	RGB 246 206 120	#F6CE78
100.0%	100.0% #F8DA7E	RGB 248 218 126	#F8DA7E

#ED965C #EEA161 #F0AC67 #F2B86D #F4C372 #F6CE78 #F8DA7E

#ED965C - #F8DA7E

HSV Blend

#ED965C - #F8DA7E | 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 #ED965C as 0% and #F8DA7E as 100%.

0.0%	0.0% #ED965C	RGB 237 150 92	#ED965C
16.7%	16.7% #EEA261	RGB 238 162 97	#EEA261
33.3%	33.3% #F0AE67	RGB 240 174 103	#F0AE67
50.0%	50.0% #F2B96C	RGB 242 185 108	#F2B96C
66.7%	66.7% #F4C572	RGB 244 197 114	#F4C572
83.3%	83.3% #F6CF78	RGB 246 207 120	#F6CF78
100.0%	100.0% #F8DA7E	RGB 248 218 126	#F8DA7E

#ED965C #EEA261 #F0AE67 #F2B96C #F4C572 #F6CF78 #F8DA7E

#ED965C - #F2B96C - #F8DA7E

CSS codes

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

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