#CFDF9A - #FCF2BB | 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 #CFDF9A to #FCF2BB

#CFDF9A #FCF2BB

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

#CFDF9A - #FCF2BB | 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 #CFDF9A as 0% and #FCF2BB as 100%.

0.0%	0.0% #CFDF9A	RGB 207 223 154	#CFDF9A
16.7%	16.7% #D6E29F	RGB 214 226 159	#D6E29F
33.3%	33.3% #DEE5A5	RGB 222 229 165	#DEE5A5
50.0%	50.0% #E5E8AA	RGB 229 232 170	#E5E8AA
66.7%	66.7% #EDEBB0	RGB 237 235 176	#EDEBB0
83.3%	83.3% #F4EEB5	RGB 244 238 181	#F4EEB5
100.0%	100.0% #FCF2BB	RGB 252 242 187	#FCF2BB

#CFDF9A #D6E29F #DEE5A5 #E5E8AA #EDEBB0 #F4EEB5 #FCF2BB

#CFDF9A - #FCF2BB

HSV Blend

#CFDF9A - #FCF2BB | 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 #CFDF9A as 0% and #FCF2BB as 100%.

0.0%	0.0% #CFDF9A	RGB 207 223 154	#CFDF9A
16.7%	16.7% #D8E39F	RGB 216 227 159	#D8E39F
33.3%	33.3% #E1E8A4	RGB 225 232 164	#E1E8A4
50.0%	50.0% #EAEDAA	RGB 234 237 170	#EAEDAA
66.7%	66.7% #F2F0AF	RGB 242 240 175	#F2F0AF
83.3%	83.3% #F7F1B5	RGB 247 241 181	#F7F1B5
100.0%	100.0% #FCF2BB	RGB 252 242 187	#FCF2BB

#CFDF9A #D8E39F #E1E8A4 #EAEDAA #F2F0AF #F7F1B5 #FCF2BB

#CFDF9A - #EAEDAA - #FCF2BB

CSS codes

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

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