#FFF2D1 - #E7D97E | 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 #FFF2D1 to #E7D97E

#FFF2D1 #E7D97E

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

#FFF2D1 - #E7D97E | 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 #FFF2D1 as 0% and #E7D97E as 100%.

0.0%	0.0% #FFF2D1	RGB 255 242 209	#FFF2D1
16.7%	16.7% #FBEDC3	RGB 251 237 195	#FBEDC3
33.3%	33.3% #F7E9B5	RGB 247 233 181	#F7E9B5
50.0%	50.0% #F3E5A7	RGB 243 229 167	#F3E5A7
66.7%	66.7% #EFE199	RGB 239 225 153	#EFE199
83.3%	83.3% #EBDD8B	RGB 235 221 139	#EBDD8B
100.0%	100.0% #E7D97E	RGB 231 217 126	#E7D97E

#FFF2D1 #FBEDC3 #F7E9B5 #F3E5A7 #EFE199 #EBDD8B #E7D97E

#FFF2D1 - #E7D97E

HSV Blend

#FFF2D1 - #E7D97E | 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 #FFF2D1 as 0% and #E7D97E as 100%.

0.0%	0.0% #FFF2D1	RGB 255 242 209	#FFF2D1
16.7%	16.7% #FBECC2	RGB 251 236 194	#FBECC2
33.3%	33.3% #F7E7B3	RGB 247 231 179	#F7E7B3
50.0%	50.0% #F3E2A5	RGB 243 226 165	#F3E2A5
66.7%	66.7% #EFDF98	RGB 239 223 152	#EFDF98
83.3%	83.3% #EBDB8A	RGB 235 219 138	#EBDB8A
100.0%	100.0% #E7D97E	RGB 231 217 126	#E7D97E

#FFF2D1 #FBECC2 #F7E7B3 #F3E2A5 #EFDF98 #EBDB8A #E7D97E

#FFF2D1 - #F3E2A5 - #E7D97E

CSS codes

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

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