#F2EB8C - #FFF4B5 | 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 #F2EB8C to #FFF4B5

#F2EB8C #FFF4B5

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

#F2EB8C - #FFF4B5 | 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 #F2EB8C as 0% and #FFF4B5 as 100%.

0.0%	0.0% #F2EB8C	RGB 242 235 140	#F2EB8C
16.7%	16.7% #F4EC92	RGB 244 236 146	#F4EC92
33.3%	33.3% #F6EE99	RGB 246 238 153	#F6EE99
50.0%	50.0% #F8EFA0	RGB 248 239 160	#F8EFA0
66.7%	66.7% #FAF1A7	RGB 250 241 167	#FAF1A7
83.3%	83.3% #FCF2AE	RGB 252 242 174	#FCF2AE
100.0%	100.0% #FFF4B5	RGB 255 244 181	#FFF4B5

#F2EB8C #F4EC92 #F6EE99 #F8EFA0 #FAF1A7 #FCF2AE #FFF4B5

#F2EB8C - #FFF4B5

HSV Blend

#F2EB8C - #FFF4B5 | 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 #F2EB8C as 0% and #FFF4B5 as 100%.

0.0%	0.0% #F2EB8C	RGB 242 235 140	#F2EB8C
16.7%	16.7% #F4EC92	RGB 244 236 146	#F4EC92
33.3%	33.3% #F6ED99	RGB 246 237 153	#F6ED99
50.0%	50.0% #F8EEA0	RGB 248 238 160	#F8EEA0
66.7%	66.7% #FAF0A6	RGB 250 240 166	#FAF0A6
83.3%	83.3% #FCF2AD	RGB 252 242 173	#FCF2AD
100.0%	100.0% #FFF4B5	RGB 255 244 181	#FFF4B5

#F2EB8C #F4EC92 #F6ED99 #F8EEA0 #FAF0A6 #FCF2AD #FFF4B5

#F2EB8C - #F8EEA0 - #FFF4B5

CSS codes

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

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