#FF8A00 - #EECC3F | 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 #FF8A00 to #EECC3F

#FF8A00 #EECC3F

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

#FF8A00 - #EECC3F | 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 #FF8A00 as 0% and #EECC3F as 100%.

0.0%	0.0% #FF8A00	RGB 255 138 0	#FF8A00
16.7%	16.7% #FC950A	RGB 252 149 10	#FC950A
33.3%	33.3% #F9A015	RGB 249 160 21	#F9A015
50.0%	50.0% #F6AB1F	RGB 246 171 31	#F6AB1F
66.7%	66.7% #F3B62A	RGB 243 182 42	#F3B62A
83.3%	83.3% #F0C134	RGB 240 193 52	#F0C134
100.0%	100.0% #EECC3F	RGB 238 204 63	#EECC3F

#FF8A00 #FC950A #F9A015 #F6AB1F #F3B62A #F0C134 #EECC3F

#FF8A00 - #EECC3F

HSV Blend

#FF8A00 - #EECC3F | 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 #FF8A00 as 0% and #EECC3F as 100%.

0.0%	0.0% #FF8A00	RGB 255 138 0	#FF8A00
16.7%	16.7% #FC980B	RGB 252 152 11	#FC980B
33.3%	33.3% #F9A516	RGB 249 165 22	#F9A516
50.0%	50.0% #F6B020	RGB 246 176 32	#F6B020
66.7%	66.7% #F3BA2B	RGB 243 186 43	#F3BA2B
83.3%	83.3% #F0C435	RGB 240 196 53	#F0C435
100.0%	100.0% #EECC3F	RGB 238 204 63	#EECC3F

#FF8A00 #FC980B #F9A516 #F6B020 #F3BA2B #F0C435 #EECC3F

#FF8A00 - #F6B020 - #EECC3F

CSS codes

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

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