#CCE3A8 - #FCF1C2 | 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 #CCE3A8 to #FCF1C2

#CCE3A8 #FCF1C2

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

#CCE3A8 - #FCF1C2 | 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 #CCE3A8 as 0% and #FCF1C2 as 100%.

0.0%	0.0% #CCE3A8	RGB 204 227 168	#CCE3A8
16.7%	16.7% #D4E5AC	RGB 212 229 172	#D4E5AC
33.3%	33.3% #DCE7B0	RGB 220 231 176	#DCE7B0
50.0%	50.0% #E4EAB5	RGB 228 234 181	#E4EAB5
66.7%	66.7% #ECECB9	RGB 236 236 185	#ECECB9
83.3%	83.3% #F4EEBD	RGB 244 238 189	#F4EEBD
100.0%	100.0% #FCF1C2	RGB 252 241 194	#FCF1C2

#CCE3A8 #D4E5AC #DCE7B0 #E4EAB5 #ECECB9 #F4EEBD #FCF1C2

#CCE3A8 - #FCF1C2

HSV Blend

#CCE3A8 - #FCF1C2 | 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 #CCE3A8 as 0% and #FCF1C2 as 100%.

0.0%	0.0% #CCE3A8	RGB 204 227 168	#CCE3A8
16.7%	16.7% #D5E7AC	RGB 213 231 172	#D5E7AC
33.3%	33.3% #DFEBB0	RGB 223 235 176	#DFEBB0
50.0%	50.0% #E9EFB4	RGB 233 239 180	#E9EFB4
66.7%	66.7% #F3F3B9	RGB 243 243 185	#F3F3B9
83.3%	83.3% #F7F2BD	RGB 247 242 189	#F7F2BD
100.0%	100.0% #FCF1C2	RGB 252 241 194	#FCF1C2

#CCE3A8 #D5E7AC #DFEBB0 #E9EFB4 #F3F3B9 #F7F2BD #FCF1C2

#CCE3A8 - #E9EFB4 - #FCF1C2

CSS codes

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

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