#FFEB95 - #F9F8C0 | 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 #FFEB95 to #F9F8C0

#FFEB95 #F9F8C0

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

#FFEB95 - #F9F8C0 | 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 #FFEB95 as 0% and #F9F8C0 as 100%.

0.0%	0.0% #FFEB95	RGB 255 235 149	#FFEB95
16.7%	16.7% #FEED9C	RGB 254 237 156	#FEED9C
33.3%	33.3% #FDEFA3	RGB 253 239 163	#FDEFA3
50.0%	50.0% #FCF1AA	RGB 252 241 170	#FCF1AA
66.7%	66.7% #FBF3B1	RGB 251 243 177	#FBF3B1
83.3%	83.3% #FAF5B8	RGB 250 245 184	#FAF5B8
100.0%	100.0% #F9F8C0	RGB 249 248 192	#F9F8C0

#FFEB95 #FEED9C #FDEFA3 #FCF1AA #FBF3B1 #FAF5B8 #F9F8C0

#FFEB95 - #F9F8C0

HSV Blend

#FFEB95 - #F9F8C0 | 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 #FFEB95 as 0% and #F9F8C0 as 100%.

0.0%	0.0% #FFEB95	RGB 255 235 149	#FFEB95
16.7%	16.7% #FEEE9C	RGB 254 238 156	#FEEE9C
33.3%	33.3% #FDF1A3	RGB 253 241 163	#FDF1A3
50.0%	50.0% #FCF3AA	RGB 252 243 170	#FCF3AA
66.7%	66.7% #FBF5B1	RGB 251 245 177	#FBF5B1
83.3%	83.3% #FAF7B8	RGB 250 247 184	#FAF7B8
100.0%	100.0% #F9F8C0	RGB 249 248 192	#F9F8C0

#FFEB95 #FEEE9C #FDF1A3 #FCF3AA #FBF5B1 #FAF7B8 #F9F8C0

#FFEB95 - #FCF3AA - #F9F8C0

CSS codes

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

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