#F9F09A - #FDFAE2 | 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 #F9F09A to #FDFAE2

#F9F09A #FDFAE2

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

#F9F09A - #FDFAE2 | 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 #F9F09A as 0% and #FDFAE2 as 100%.

0.0%	0.0% #F9F09A	RGB 249 240 154	#F9F09A
16.7%	16.7% #F9F1A6	RGB 249 241 166	#F9F1A6
33.3%	33.3% #FAF3B2	RGB 250 243 178	#FAF3B2
50.0%	50.0% #FBF5BE	RGB 251 245 190	#FBF5BE
66.7%	66.7% #FBF6CA	RGB 251 246 202	#FBF6CA
83.3%	83.3% #FCF8D6	RGB 252 248 214	#FCF8D6
100.0%	100.0% #FDFAE2	RGB 253 250 226	#FDFAE2

#F9F09A #F9F1A6 #FAF3B2 #FBF5BE #FBF6CA #FCF8D6 #FDFAE2

#F9F09A - #FDFAE2

HSV Blend

#F9F09A - #FDFAE2 | 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 #F9F09A as 0% and #FDFAE2 as 100%.

0.0%	0.0% #F9F09A	RGB 249 240 154	#F9F09A
16.7%	16.7% #F9F1A5	RGB 249 241 165	#F9F1A5
33.3%	33.3% #FAF3B1	RGB 250 243 177	#FAF3B1
50.0%	50.0% #FBF4BD	RGB 251 244 189	#FBF4BD
66.7%	66.7% #FBF6C9	RGB 251 246 201	#FBF6C9
83.3%	83.3% #FCF8D5	RGB 252 248 213	#FCF8D5
100.0%	100.0% #FDFAE2	RGB 253 250 226	#FDFAE2

#F9F09A #F9F1A5 #FAF3B1 #FBF4BD #FBF6C9 #FCF8D5 #FDFAE2

#F9F09A - #FBF4BD - #FDFAE2

CSS codes

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

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