#FDFEC4 - #FDFEEE | 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 #FDFEC4 to #FDFEEE

#FDFEC4 #FDFEEE

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

#FDFEC4 - #FDFEEE | 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 #FDFEC4 as 0% and #FDFEEE as 100%.

0.0%	0.0% #FDFEC4	RGB 253 254 196	#FDFEC4
16.7%	16.7% #FDFECB	RGB 253 254 203	#FDFECB
33.3%	33.3% #FDFED2	RGB 253 254 210	#FDFED2
50.0%	50.0% #FDFED9	RGB 253 254 217	#FDFED9
66.7%	66.7% #FDFEE0	RGB 253 254 224	#FDFEE0
83.3%	83.3% #FDFEE7	RGB 253 254 231	#FDFEE7
100.0%	100.0% #FDFEEE	RGB 253 254 238	#FDFEEE

#FDFEC4 #FDFECB #FDFED2 #FDFED9 #FDFEE0 #FDFEE7 #FDFEEE

#FDFEC4 - #FDFEEE

HSV Blend

#FDFEC4 - #FDFEEE | 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 #FDFEC4 as 0% and #FDFEEE as 100%.

0.0%	0.0% #FDFEC4	RGB 253 254 196	#FDFEC4
16.7%	16.7% #FCFECB	RGB 252 254 203	#FCFECB
33.3%	33.3% #FCFED2	RGB 252 254 210	#FCFED2
50.0%	50.0% #FCFED9	RGB 252 254 217	#FCFED9
66.7%	66.7% #FCFEE0	RGB 252 254 224	#FCFEE0
83.3%	83.3% #FCFEE7	RGB 252 254 231	#FCFEE7
100.0%	100.0% #FDFEEE	RGB 253 254 238	#FDFEEE

#FDFEC4 #FCFECB #FCFED2 #FCFED9 #FCFEE0 #FCFEE7 #FDFEEE

#FDFEC4 - #FCFED9 - #FDFEEE

CSS codes

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

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