#FFEC7E - #E9C12E | 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 #FFEC7E to #E9C12E

#FFEC7E #E9C12E

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

#FFEC7E - #E9C12E | 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 #FFEC7E as 0% and #E9C12E as 100%.

0.0%	0.0% #FFEC7E	RGB 255 236 126	#FFEC7E
16.7%	16.7% #FBE470	RGB 251 228 112	#FBE470
33.3%	33.3% #F7DD63	RGB 247 221 99	#F7DD63
50.0%	50.0% #F4D656	RGB 244 214 86	#F4D656
66.7%	66.7% #F0CF48	RGB 240 207 72	#F0CF48
83.3%	83.3% #ECC83B	RGB 236 200 59	#ECC83B
100.0%	100.0% #E9C12E	RGB 233 193 46	#E9C12E

#FFEC7E #FBE470 #F7DD63 #F4D656 #F0CF48 #ECC83B #E9C12E

#FFEC7E - #E9C12E

HSV Blend

#FFEC7E - #E9C12E | 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 #FFEC7E as 0% and #E9C12E as 100%.

0.0%	0.0% #FFEC7E	RGB 255 236 126	#FFEC7E
16.7%	16.7% #FBE56F	RGB 251 229 111	#FBE56F
33.3%	33.3% #F7DE61	RGB 247 222 97	#F7DE61
50.0%	50.0% #F4D754	RGB 244 215 84	#F4D754
66.7%	66.7% #F0CF47	RGB 240 207 71	#F0CF47
83.3%	83.3% #ECC83A	RGB 236 200 58	#ECC83A
100.0%	100.0% #E9C12E	RGB 233 193 46	#E9C12E

#FFEC7E #FBE56F #F7DE61 #F4D754 #F0CF47 #ECC83A #E9C12E

#FFEC7E - #F4D754 - #E9C12E

CSS codes

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

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