#FFFE60 - #E4CE1B | 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 #FFFE60 to #E4CE1B

#FFFE60 #E4CE1B

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

#FFFE60 - #E4CE1B | 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 #FFFE60 as 0% and #E4CE1B as 100%.

0.0%	0.0% #FFFE60	RGB 255 254 96	#FFFE60
16.7%	16.7% #FAF654	RGB 250 246 84	#FAF654
33.3%	33.3% #F6EE49	RGB 246 238 73	#F6EE49
50.0%	50.0% #F1E63D	RGB 241 230 61	#F1E63D
66.7%	66.7% #EDDE32	RGB 237 222 50	#EDDE32
83.3%	83.3% #E8D626	RGB 232 214 38	#E8D626
100.0%	100.0% #E4CE1B	RGB 228 206 27	#E4CE1B

#FFFE60 #FAF654 #F6EE49 #F1E63D #EDDE32 #E8D626 #E4CE1B

#FFFE60 - #E4CE1B

HSV Blend

#FFFE60 - #E4CE1B | 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 #FFFE60 as 0% and #E4CE1B as 100%.

0.0%	0.0% #FFFE60	RGB 255 254 96	#FFFE60
16.7%	16.7% #FAF653	RGB 250 246 83	#FAF653
33.3%	33.3% #F6EE47	RGB 246 238 71	#F6EE47
50.0%	50.0% #F1E63B	RGB 241 230 59	#F1E63B
66.7%	66.7% #EDDE30	RGB 237 222 48	#EDDE30
83.3%	83.3% #E8D625	RGB 232 214 37	#E8D625
100.0%	100.0% #E4CE1B	RGB 228 206 27	#E4CE1B

#FFFE60 #FAF653 #F6EE47 #F1E63B #EDDE30 #E8D625 #E4CE1B

#FFFE60 - #F1E63B - #E4CE1B

CSS codes

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

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