#FFEF5E - #E9C31A | 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 #FFEF5E to #E9C31A

#FFEF5E #E9C31A

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

#FFEF5E - #E9C31A | 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 #FFEF5E as 0% and #E9C31A as 100%.

0.0%	0.0% #FFEF5E	RGB 255 239 94	#FFEF5E
16.7%	16.7% #FBE752	RGB 251 231 82	#FBE752
33.3%	33.3% #F7E047	RGB 247 224 71	#F7E047
50.0%	50.0% #F4D93C	RGB 244 217 60	#F4D93C
66.7%	66.7% #F0D130	RGB 240 209 48	#F0D130
83.3%	83.3% #ECCA25	RGB 236 202 37	#ECCA25
100.0%	100.0% #E9C31A	RGB 233 195 26	#E9C31A

#FFEF5E #FBE752 #F7E047 #F4D93C #F0D130 #ECCA25 #E9C31A

#FFEF5E - #E9C31A

HSV Blend

#FFEF5E - #E9C31A | 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 #FFEF5E as 0% and #E9C31A as 100%.

0.0%	0.0% #FFEF5D	RGB 255 239 93	#FFEF5D
16.7%	16.7% #FBE851	RGB 251 232 81	#FBE851
33.3%	33.3% #F7E146	RGB 247 225 70	#F7E146
50.0%	50.0% #F4D93A	RGB 244 217 58	#F4D93A
66.7%	66.7% #F0D22F	RGB 240 210 47	#F0D22F
83.3%	83.3% #ECCA24	RGB 236 202 36	#ECCA24
100.0%	100.0% #E9C31A	RGB 233 195 26	#E9C31A

#FFEF5D #FBE851 #F7E146 #F4D93A #F0D22F #ECCA24 #E9C31A

#FFEF5E - #F4D93A - #E9C31A

CSS codes

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

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