#CED98C - #FCF1B2 | 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 #CED98C to #FCF1B2

#CED98C #FCF1B2

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

#CED98C - #FCF1B2 | 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 #CED98C as 0% and #FCF1B2 as 100%.

0.0%	0.0% #CED98C	RGB 206 217 140	#CED98C
16.7%	16.7% #D5DD92	RGB 213 221 146	#D5DD92
33.3%	33.3% #DDE198	RGB 221 225 152	#DDE198
50.0%	50.0% #E5E59F	RGB 229 229 159	#E5E59F
66.7%	66.7% #ECE9A5	RGB 236 233 165	#ECE9A5
83.3%	83.3% #F4EDAB	RGB 244 237 171	#F4EDAB
100.0%	100.0% #FCF1B2	RGB 252 241 178	#FCF1B2

#CED98C #D5DD92 #DDE198 #E5E59F #ECE9A5 #F4EDAB #FCF1B2

#CED98C - #FCF1B2

HSV Blend

#CED98C - #FCF1B2 | 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 #CED98C as 0% and #FCF1B2 as 100%.

0.0%	0.0% #CED98C	RGB 206 217 140	#CED98C
16.7%	16.7% #D7DE92	RGB 215 222 146	#D7DE92
33.3%	33.3% #E1E498	RGB 225 228 152	#E1E498
50.0%	50.0% #EAEA9E	RGB 234 234 158	#EAEA9E
66.7%	66.7% #F0ECA4	RGB 240 236 164	#F0ECA4
83.3%	83.3% #F6EEAB	RGB 246 238 171	#F6EEAB
100.0%	100.0% #FCF1B2	RGB 252 241 178	#FCF1B2

#CED98C #D7DE92 #E1E498 #EAEA9E #F0ECA4 #F6EEAB #FCF1B2

#CED98C - #EAEA9E - #FCF1B2

CSS codes

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

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