#FDFEB4 - #ECFCE1 | 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 #FDFEB4 to #ECFCE1

#FDFEB4 #ECFCE1

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

#FDFEB4 - #ECFCE1 | 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 #FDFEB4 as 0% and #ECFCE1 as 100%.

0.0%	0.0% #FDFEB4	RGB 253 254 180	#FDFEB4
16.7%	16.7% #FAFDBB	RGB 250 253 187	#FAFDBB
33.3%	33.3% #F7FDC3	RGB 247 253 195	#F7FDC3
50.0%	50.0% #F4FDCA	RGB 244 253 202	#F4FDCA
66.7%	66.7% #F1FCD2	RGB 241 252 210	#F1FCD2
83.3%	83.3% #EEFCD9	RGB 238 252 217	#EEFCD9
100.0%	100.0% #ECFCE1	RGB 236 252 225	#ECFCE1

#FDFEB4 #FAFDBB #F7FDC3 #F4FDCA #F1FCD2 #EEFCD9 #ECFCE1

#FDFEB4 - #ECFCE1

HSV Blend

#FDFEB4 - #ECFCE1 | 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 #FDFEB4 as 0% and #ECFCE1 as 100%.

0.0%	0.0% #FDFEB4	RGB 253 254 180	#FDFEB4
16.7%	16.7% #F6FDBB	RGB 246 253 187	#F6FDBB
33.3%	33.3% #F1FDC3	RGB 241 253 195	#F1FDC3
50.0%	50.0% #EDFDCA	RGB 237 253 202	#EDFDCA
66.7%	66.7% #EBFCD2	RGB 235 252 210	#EBFCD2
83.3%	83.3% #EBFCD9	RGB 235 252 217	#EBFCD9
100.0%	100.0% #ECFCE1	RGB 236 252 225	#ECFCE1

#FDFEB4 #F6FDBB #F1FDC3 #EDFDCA #EBFCD2 #EBFCD9 #ECFCE1

#FDFEB4 - #EDFDCA - #ECFCE1

CSS codes

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

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