#E5E277 - #FFF1A0 | 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 #E5E277 to #FFF1A0

#E5E277 #FFF1A0

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

#E5E277 - #FFF1A0 | 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 #E5E277 as 0% and #FFF1A0 as 100%.

0.0%	0.0% #E5E277	RGB 229 226 119	#E5E277
16.7%	16.7% #E9E47D	RGB 233 228 125	#E9E47D
33.3%	33.3% #EDE784	RGB 237 231 132	#EDE784
50.0%	50.0% #F2E98B	RGB 242 233 139	#F2E98B
66.7%	66.7% #F6EC92	RGB 246 236 146	#F6EC92
83.3%	83.3% #FAEE99	RGB 250 238 153	#FAEE99
100.0%	100.0% #FFF1A0	RGB 255 241 160	#FFF1A0

#E5E277 #E9E47D #EDE784 #F2E98B #F6EC92 #FAEE99 #FFF1A0

#E5E277 - #FFF1A0

HSV Blend

#E5E277 - #FFF1A0 | 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 #E5E277 as 0% and #FFF1A0 as 100%.

0.0%	0.0% #E5E277	RGB 229 226 119	#E5E277
16.7%	16.7% #E9E47D	RGB 233 228 125	#E9E47D
33.3%	33.3% #EDE684	RGB 237 230 132	#EDE684
50.0%	50.0% #F2E88A	RGB 242 232 138	#F2E88A
66.7%	66.7% #F6EB91	RGB 246 235 145	#F6EB91
83.3%	83.3% #FAEE98	RGB 250 238 152	#FAEE98
100.0%	100.0% #FFF1A0	RGB 255 241 160	#FFF1A0

#E5E277 #E9E47D #EDE684 #F2E88A #F6EB91 #FAEE98 #FFF1A0

#E5E277 - #F2E88A - #FFF1A0

CSS codes

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

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