#FDFEE8 - #CEDD9A | 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 #FDFEE8 to #CEDD9A

#FDFEE8 #CEDD9A

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

#FDFEE8 - #CEDD9A | 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 #FDFEE8 as 0% and #CEDD9A as 100%.

0.0%	0.0% #FDFEE8	RGB 253 254 232	#FDFEE8
16.7%	16.7% #F5F8DB	RGB 245 248 219	#F5F8DB
33.3%	33.3% #EDF3CE	RGB 237 243 206	#EDF3CE
50.0%	50.0% #E5EDC1	RGB 229 237 193	#E5EDC1
66.7%	66.7% #DDE8B4	RGB 221 232 180	#DDE8B4
83.3%	83.3% #D5E2A7	RGB 213 226 167	#D5E2A7
100.0%	100.0% #CEDD9A	RGB 206 221 154	#CEDD9A

#FDFEE8 #F5F8DB #EDF3CE #E5EDC1 #DDE8B4 #D5E2A7 #CEDD9A

#FDFEE8 - #CEDD9A

HSV Blend

#FDFEE8 - #CEDD9A | 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 #FDFEE8 as 0% and #CEDD9A as 100%.

0.0%	0.0% #FDFEE8	RGB 253 254 232	#FDFEE8
16.7%	16.7% #F6F8DA	RGB 246 248 218	#F6F8DA
33.3%	33.3% #EEF3CC	RGB 238 243 204	#EEF3CC
50.0%	50.0% #E7EDBF	RGB 231 237 191	#E7EDBF
66.7%	66.7% #DFE8B2	RGB 223 232 178	#DFE8B2
83.3%	83.3% #D6E2A6	RGB 214 226 166	#D6E2A6
100.0%	100.0% #CEDD9A	RGB 206 221 154	#CEDD9A

#FDFEE8 #F6F8DA #EEF3CC #E7EDBF #DFE8B2 #D6E2A6 #CEDD9A

#FDFEE8 - #E7EDBF - #CEDD9A

CSS codes

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

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