#CFD98B - #FCF2B2 | 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 #CFD98B to #FCF2B2

#CFD98B #FCF2B2

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

#CFD98B - #FCF2B2 | 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 #CFD98B as 0% and #FCF2B2 as 100%.

0.0%	0.0% #CFD98B	RGB 207 217 139	#CFD98B
16.7%	16.7% #D6DD91	RGB 214 221 145	#D6DD91
33.3%	33.3% #DEE198	RGB 222 225 152	#DEE198
50.0%	50.0% #E5E59E	RGB 229 229 158	#E5E59E
66.7%	66.7% #EDE9A5	RGB 237 233 165	#EDE9A5
83.3%	83.3% #F4EDAB	RGB 244 237 171	#F4EDAB
100.0%	100.0% #FCF2B2	RGB 252 242 178	#FCF2B2

#CFD98B #D6DD91 #DEE198 #E5E59E #EDE9A5 #F4EDAB #FCF2B2

#CFD98B - #FCF2B2

HSV Blend

#CFD98B - #FCF2B2 | 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 #CFD98B as 0% and #FCF2B2 as 100%.

0.0%	0.0% #CFD98B	RGB 207 217 139	#CFD98B
16.7%	16.7% #D8DE91	RGB 216 222 145	#D8DE91
33.3%	33.3% #E1E497	RGB 225 228 151	#E1E497
50.0%	50.0% #EAEA9D	RGB 234 234 157	#EAEA9D
66.7%	66.7% #F0ECA4	RGB 240 236 164	#F0ECA4
83.3%	83.3% #F6EFAB	RGB 246 239 171	#F6EFAB
100.0%	100.0% #FCF2B2	RGB 252 242 178	#FCF2B2

#CFD98B #D8DE91 #E1E497 #EAEA9D #F0ECA4 #F6EFAB #FCF2B2

#CFD98B - #EAEA9D - #FCF2B2

CSS codes

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

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