#F5E7A1 - #FFF6C5 | 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 #F5E7A1 to #FFF6C5

#F5E7A1 #FFF6C5

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

#F5E7A1 - #FFF6C5 | 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 #F5E7A1 as 0% and #FFF6C5 as 100%.

0.0%	0.0% #F5E7A1	RGB 245 231 161	#F5E7A1
16.7%	16.7% #F6E9A7	RGB 246 233 167	#F6E9A7
33.3%	33.3% #F8ECAD	RGB 248 236 173	#F8ECAD
50.0%	50.0% #FAEEB3	RGB 250 238 179	#FAEEB3
66.7%	66.7% #FBF1B9	RGB 251 241 185	#FBF1B9
83.3%	83.3% #FDF3BF	RGB 253 243 191	#FDF3BF
100.0%	100.0% #FFF6C5	RGB 255 246 197	#FFF6C5

#F5E7A1 #F6E9A7 #F8ECAD #FAEEB3 #FBF1B9 #FDF3BF #FFF6C5

#F5E7A1 - #FFF6C5

HSV Blend

#F5E7A1 - #FFF6C5 | 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 #F5E7A1 as 0% and #FFF6C5 as 100%.

0.0%	0.0% #F5E7A1	RGB 245 231 161	#F5E7A1
16.7%	16.7% #F6E9A6	RGB 246 233 166	#F6E9A6
33.3%	33.3% #F8ECAC	RGB 248 236 172	#F8ECAC
50.0%	50.0% #FAEEB2	RGB 250 238 178	#FAEEB2
66.7%	66.7% #FBF1B8	RGB 251 241 184	#FBF1B8
83.3%	83.3% #FDF3BE	RGB 253 243 190	#FDF3BE
100.0%	100.0% #FFF6C5	RGB 255 246 197	#FFF6C5

#F5E7A1 #F6E9A6 #F8ECAC #FAEEB2 #FBF1B8 #FDF3BE #FFF6C5

#F5E7A1 - #FAEEB2 - #FFF6C5

CSS codes

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

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