#CCBABC - #FAFFDC | 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 #CCBABC to #FAFFDC

#CCBABC #FAFFDC

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

#CCBABC - #FAFFDC | 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 #CCBABC as 0% and #FAFFDC as 100%.

0.0%	0.0% #CCBABC	RGB 204 186 188	#CCBABC
16.7%	16.7% #D3C5C1	RGB 211 197 193	#D3C5C1
33.3%	33.3% #DBD1C6	RGB 219 209 198	#DBD1C6
50.0%	50.0% #E3DCCC	RGB 227 220 204	#E3DCCC
66.7%	66.7% #EAE8D1	RGB 234 232 209	#EAE8D1
83.3%	83.3% #F2F3D6	RGB 242 243 214	#F2F3D6
100.0%	100.0% #FAFFDC	RGB 250 255 220	#FAFFDC

#CCBABC #D3C5C1 #DBD1C6 #E3DCCC #EAE8D1 #F2F3D6 #FAFFDC

#CCBABC - #FAFFDC

HSV Blend

#CCBABC - #FAFFDC | 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 #CCBABC as 0% and #FAFFDC as 100%.

0.0%	0.0% #CCBABC	RGB 204 186 188	#CCBABC
16.7%	16.7% #D4C2C0	RGB 212 194 192	#D4C2C0
33.3%	33.3% #DDCCC5	RGB 221 204 197	#DDCCC5
50.0%	50.0% #E5D8CB	RGB 229 216 203	#E5D8CB
66.7%	66.7% #EEE6D1	RGB 238 230 209	#EEE6D1
83.3%	83.3% #F6F4D6	RGB 246 244 214	#F6F4D6
100.0%	100.0% #FAFFDC	RGB 250 255 220	#FAFFDC

#CCBABC #D4C2C0 #DDCCC5 #E5D8CB #EEE6D1 #F6F4D6 #FAFFDC

#CCBABC - #E5D8CB - #FAFFDC

CSS codes

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

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