#FFEA8C - #F9F7B9 | 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 #FFEA8C to #F9F7B9

#FFEA8C #F9F7B9

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

#FFEA8C - #F9F7B9 | 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 #FFEA8C as 0% and #F9F7B9 as 100%.

0.0%	0.0% #FFEA8C	RGB 255 234 140	#FFEA8C
16.7%	16.7% #FEEC93	RGB 254 236 147	#FEEC93
33.3%	33.3% #FDEE9B	RGB 253 238 155	#FDEE9B
50.0%	50.0% #FCF0A2	RGB 252 240 162	#FCF0A2
66.7%	66.7% #FBF2AA	RGB 251 242 170	#FBF2AA
83.3%	83.3% #FAF4B1	RGB 250 244 177	#FAF4B1
100.0%	100.0% #F9F7B9	RGB 249 247 185	#F9F7B9

#FFEA8C #FEEC93 #FDEE9B #FCF0A2 #FBF2AA #FAF4B1 #F9F7B9

#FFEA8C - #F9F7B9

HSV Blend

#FFEA8C - #F9F7B9 | 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 #FFEA8C as 0% and #F9F7B9 as 100%.

0.0%	0.0% #FFEA8C	RGB 255 234 140	#FFEA8C
16.7%	16.7% #FEED93	RGB 254 237 147	#FEED93
33.3%	33.3% #FDF09B	RGB 253 240 155	#FDF09B
50.0%	50.0% #FCF2A2	RGB 252 242 162	#FCF2A2
66.7%	66.7% #FBF4AA	RGB 251 244 170	#FBF4AA
83.3%	83.3% #FAF5B1	RGB 250 245 177	#FAF5B1
100.0%	100.0% #F9F7B9	RGB 249 247 185	#F9F7B9

#FFEA8C #FEED93 #FDF09B #FCF2A2 #FBF4AA #FAF5B1 #F9F7B9

#FFEA8C - #FCF2A2 - #F9F7B9

CSS codes

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

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