#FFF4A8 - #FFFBE6 | 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 #FFF4A8 to #FFFBE6

#FFF4A8 #FFFBE6

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

#FFF4A8 - #FFFBE6 | 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 #FFF4A8 as 0% and #FFFBE6 as 100%.

0.0%	0.0% #FFF4A8	RGB 255 244 168	#FFF4A8
16.7%	16.7% #FFF5B2	RGB 255 245 178	#FFF5B2
33.3%	33.3% #FFF6BC	RGB 255 246 188	#FFF6BC
50.0%	50.0% #FFF7C7	RGB 255 247 199	#FFF7C7
66.7%	66.7% #FFF8D1	RGB 255 248 209	#FFF8D1
83.3%	83.3% #FFF9DB	RGB 255 249 219	#FFF9DB
100.0%	100.0% #FFFBE6	RGB 255 251 230	#FFFBE6

#FFF4A8 #FFF5B2 #FFF6BC #FFF7C7 #FFF8D1 #FFF9DB #FFFBE6

#FFF4A8 - #FFFBE6

HSV Blend

#FFF4A8 - #FFFBE6 | 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 #FFF4A8 as 0% and #FFFBE6 as 100%.

0.0%	0.0% #FFF4A8	RGB 255 244 168	#FFF4A8
16.7%	16.7% #FFF4B2	RGB 255 244 178	#FFF4B2
33.3%	33.3% #FFF5BC	RGB 255 245 188	#FFF5BC
50.0%	50.0% #FFF6C7	RGB 255 246 199	#FFF6C7
66.7%	66.7% #FFF8D1	RGB 255 248 209	#FFF8D1
83.3%	83.3% #FFF9DB	RGB 255 249 219	#FFF9DB
100.0%	100.0% #FFFBE6	RGB 255 251 230	#FFFBE6

#FFF4A8 #FFF4B2 #FFF5BC #FFF6C7 #FFF8D1 #FFF9DB #FFFBE6

#FFF4A8 - #FFF6C7 - #FFFBE6

CSS codes

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

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