#E2D900 - #FDEF3E | 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 #E2D900 to #FDEF3E

#E2D900 #FDEF3E

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

#E2D900 - #FDEF3E | 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 #E2D900 as 0% and #FDEF3E as 100%.

0.0%	0.0% #E2D900	RGB 226 217 0	#E2D900
16.7%	16.7% #E6DC0A	RGB 230 220 10	#E6DC0A
33.3%	33.3% #EBE014	RGB 235 224 20	#EBE014
50.0%	50.0% #EFE41F	RGB 239 228 31	#EFE41F
66.7%	66.7% #F4E729	RGB 244 231 41	#F4E729
83.3%	83.3% #F8EB33	RGB 248 235 51	#F8EB33
100.0%	100.0% #FDEF3E	RGB 253 239 62	#FDEF3E

#E2D900 #E6DC0A #EBE014 #EFE41F #F4E729 #F8EB33 #FDEF3E

#E2D900 - #FDEF3E

HSV Blend

#E2D900 - #FDEF3E | 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 #E2D900 as 0% and #FDEF3E as 100%.

0.0%	0.0% #E2D900	RGB 226 217 0	#E2D900
16.7%	16.7% #E6DC09	RGB 230 220 9	#E6DC09
33.3%	33.3% #EBDF13	RGB 235 223 19	#EBDF13
50.0%	50.0% #EFE31D	RGB 239 227 29	#EFE31D
66.7%	66.7% #F4E727	RGB 244 231 39	#F4E727
83.3%	83.3% #F8EB32	RGB 248 235 50	#F8EB32
100.0%	100.0% #FDEF3E	RGB 253 239 62	#FDEF3E

#E2D900 #E6DC09 #EBDF13 #EFE31D #F4E727 #F8EB32 #FDEF3E

#E2D900 - #EFE31D - #FDEF3E

CSS codes

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

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