#FFF03B - #E6BD0E | 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 #FFF03B to #E6BD0E

#FFF03B #E6BD0E

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

#FFF03B - #E6BD0E | 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 #FFF03B as 0% and #E6BD0E as 100%.

0.0%	0.0% #FFF03B	RGB 255 240 59	#FFF03B
16.7%	16.7% #FAE733	RGB 250 231 51	#FAE733
33.3%	33.3% #F6DF2C	RGB 246 223 44	#F6DF2C
50.0%	50.0% #F2D624	RGB 242 214 36	#F2D624
66.7%	66.7% #EECE1D	RGB 238 206 29	#EECE1D
83.3%	83.3% #EAC515	RGB 234 197 21	#EAC515
100.0%	100.0% #E6BD0E	RGB 230 189 14	#E6BD0E

#FFF03B #FAE733 #F6DF2C #F2D624 #EECE1D #EAC515 #E6BD0E

#FFF03B - #E6BD0E

HSV Blend

#FFF03B - #E6BD0E | 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 #FFF03B as 0% and #E6BD0E as 100%.

0.0%	0.0% #FFF03B	RGB 255 240 59	#FFF03B
16.7%	16.7% #FAE732	RGB 250 231 50	#FAE732
33.3%	33.3% #F6DF2B	RGB 246 223 43	#F6DF2B
50.0%	50.0% #F2D623	RGB 242 214 35	#F2D623
66.7%	66.7% #EECE1C	RGB 238 206 28	#EECE1C
83.3%	83.3% #EAC514	RGB 234 197 20	#EAC514
100.0%	100.0% #E6BD0E	RGB 230 189 14	#E6BD0E

#FFF03B #FAE732 #F6DF2B #F2D623 #EECE1C #EAC514 #E6BD0E

#FFF03B - #F2D623 - #E6BD0E

CSS codes

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

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