#FAFCA8 - #FDFEE6 | 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 #FAFCA8 to #FDFEE6

#FAFCA8 #FDFEE6

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

#FAFCA8 - #FDFEE6 | 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 #FAFCA8 as 0% and #FDFEE6 as 100%.

0.0%	0.0% #FAFCA8	RGB 250 252 168	#FAFCA8
16.7%	16.7% #FAFCB2	RGB 250 252 178	#FAFCB2
33.3%	33.3% #FBFCBC	RGB 251 252 188	#FBFCBC
50.0%	50.0% #FBFDC7	RGB 251 253 199	#FBFDC7
66.7%	66.7% #FCFDD1	RGB 252 253 209	#FCFDD1
83.3%	83.3% #FCFDDB	RGB 252 253 219	#FCFDDB
100.0%	100.0% #FDFEE6	RGB 253 254 230	#FDFEE6

#FAFCA8 #FAFCB2 #FBFCBC #FBFDC7 #FCFDD1 #FCFDDB #FDFEE6

#FAFCA8 - #FDFEE6

HSV Blend

#FAFCA8 - #FDFEE6 | 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 #FAFCA8 as 0% and #FDFEE6 as 100%.

0.0%	0.0% #FAFCA8	RGB 250 252 168	#FAFCA8
16.7%	16.7% #FAFCB2	RGB 250 252 178	#FAFCB2
33.3%	33.3% #FAFCBC	RGB 250 252 188	#FAFCBC
50.0%	50.0% #FBFDC6	RGB 251 253 198	#FBFDC6
66.7%	66.7% #FBFDD1	RGB 251 253 209	#FBFDD1
83.3%	83.3% #FCFDDB	RGB 252 253 219	#FCFDDB
100.0%	100.0% #FDFEE6	RGB 253 254 230	#FDFEE6

#FAFCA8 #FAFCB2 #FAFCBC #FBFDC6 #FBFDD1 #FCFDDB #FDFEE6

#FAFCA8 - #FBFDC6 - #FDFEE6

CSS codes

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

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