#FDFEAA - #ECFCDA | 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 #FDFEAA to #ECFCDA

#FDFEAA #ECFCDA

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

#FDFEAA - #ECFCDA | 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 #FDFEAA as 0% and #ECFCDA as 100%.

0.0%	0.0% #FDFEAA	RGB 253 254 170	#FDFEAA
16.7%	16.7% #FAFDB2	RGB 250 253 178	#FAFDB2
33.3%	33.3% #F7FDBA	RGB 247 253 186	#F7FDBA
50.0%	50.0% #F4FDC2	RGB 244 253 194	#F4FDC2
66.7%	66.7% #F1FCCA	RGB 241 252 202	#F1FCCA
83.3%	83.3% #EEFCD2	RGB 238 252 210	#EEFCD2
100.0%	100.0% #ECFCDA	RGB 236 252 218	#ECFCDA

#FDFEAA #FAFDB2 #F7FDBA #F4FDC2 #F1FCCA #EEFCD2 #ECFCDA

#FDFEAA - #ECFCDA

HSV Blend

#FDFEAA - #ECFCDA | 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 #FDFEAA as 0% and #ECFCDA as 100%.

0.0%	0.0% #FDFEAA	RGB 253 254 170	#FDFEAA
16.7%	16.7% #F6FDB2	RGB 246 253 178	#F6FDB2
33.3%	33.3% #F2FDBA	RGB 242 253 186	#F2FDBA
50.0%	50.0% #EEFDC2	RGB 238 253 194	#EEFDC2
66.7%	66.7% #ECFCCA	RGB 236 252 202	#ECFCCA
83.3%	83.3% #EBFCD2	RGB 235 252 210	#EBFCD2
100.0%	100.0% #ECFCDA	RGB 236 252 218	#ECFCDA

#FDFEAA #F6FDB2 #F2FDBA #EEFDC2 #ECFCCA #EBFCD2 #ECFCDA

#FDFEAA - #EEFDC2 - #ECFCDA

CSS codes

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

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