#CCC6C0 - #F9FFDB | 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 #CCC6C0 to #F9FFDB

#CCC6C0 #F9FFDB

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

#CCC6C0 - #F9FFDB | 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 #CCC6C0 as 0% and #F9FFDB as 100%.

0.0%	0.0% #CCC6C0	RGB 204 198 192	#CCC6C0
16.7%	16.7% #D3CFC4	RGB 211 207 196	#D3CFC4
33.3%	33.3% #DBD9C9	RGB 219 217 201	#DBD9C9
50.0%	50.0% #E2E2CD	RGB 226 226 205	#E2E2CD
66.7%	66.7% #EAECD2	RGB 234 236 210	#EAECD2
83.3%	83.3% #F1F5D6	RGB 241 245 214	#F1F5D6
100.0%	100.0% #F9FFDB	RGB 249 255 219	#F9FFDB

#CCC6C0 #D3CFC4 #DBD9C9 #E2E2CD #EAECD2 #F1F5D6 #F9FFDB

#CCC6C0 - #F9FFDB

HSV Blend

#CCC6C0 - #F9FFDB | 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 #CCC6C0 as 0% and #F9FFDB as 100%.

0.0%	0.0% #CCC6C0	RGB 204 198 192	#CCC6C0
16.7%	16.7% #D4CEC5	RGB 212 206 197	#D4CEC5
33.3%	33.3% #DDD7C9	RGB 221 215 201	#DDD7C9
50.0%	50.0% #E5E1CE	RGB 229 225 206	#E5E1CE
66.7%	66.7% #EEECD2	RGB 238 236 210	#EEECD2
83.3%	83.3% #F4F6D7	RGB 244 246 215	#F4F6D7
100.0%	100.0% #F9FFDB	RGB 249 255 219	#F9FFDB

#CCC6C0 #D4CEC5 #DDD7C9 #E5E1CE #EEECD2 #F4F6D7 #F9FFDB

#CCC6C0 - #E5E1CE - #F9FFDB

CSS codes

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

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