#FFEA3C - #EDF37B | 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 #FFEA3C to #EDF37B

#FFEA3C #EDF37B

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

#FFEA3C - #EDF37B | 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 #FFEA3C as 0% and #EDF37B as 100%.

0.0%	0.0% #FFEA3C	RGB 255 234 60	#FFEA3C
16.7%	16.7% #FCEB46	RGB 252 235 70	#FCEB46
33.3%	33.3% #F9ED51	RGB 249 237 81	#F9ED51
50.0%	50.0% #F6EE5B	RGB 246 238 91	#F6EE5B
66.7%	66.7% #F3F066	RGB 243 240 102	#F3F066
83.3%	83.3% #F0F170	RGB 240 241 112	#F0F170
100.0%	100.0% #EDF37B	RGB 237 243 123	#EDF37B

#FFEA3C #FCEB46 #F9ED51 #F6EE5B #F3F066 #F0F170 #EDF37B

#FFEA3C - #EDF37B

HSV Blend

#FFEA3C - #EDF37B | 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 #FFEA3C as 0% and #EDF37B as 100%.

0.0%	0.0% #FFEA3B	RGB 255 234 59	#FFEA3B
16.7%	16.7% #FDEE46	RGB 253 238 70	#FDEE46
33.3%	33.3% #FBF151	RGB 251 241 81	#FBF151
50.0%	50.0% #F9F45C	RGB 249 244 92	#F9F45C
66.7%	66.7% #F7F666	RGB 247 246 102	#F7F666
83.3%	83.3% #F1F570	RGB 241 245 112	#F1F570
100.0%	100.0% #EDF37B	RGB 237 243 123	#EDF37B

#FFEA3B #FDEE46 #FBF151 #F9F45C #F7F666 #F1F570 #EDF37B

#FFEA3C - #F9F45C - #EDF37B

CSS codes

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

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