#CFCCC3 - #F2F0D9 | 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 #CFCCC3 to #F2F0D9

#CFCCC3 #F2F0D9

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

#CFCCC3 - #F2F0D9 | 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 #CFCCC3 as 0% and #F2F0D9 as 100%.

0.0%	0.0% #CFCCC3	RGB 207 204 195	#CFCCC3
16.7%	16.7% #D4D2C6	RGB 212 210 198	#D4D2C6
33.3%	33.3% #DAD8CA	RGB 218 216 202	#DAD8CA
50.0%	50.0% #E0DECE	RGB 224 222 206	#E0DECE
66.7%	66.7% #E6E4D1	RGB 230 228 209	#E6E4D1
83.3%	83.3% #ECEAD5	RGB 236 234 213	#ECEAD5
100.0%	100.0% #F2F0D9	RGB 242 240 217	#F2F0D9

#CFCCC3 #D4D2C6 #DAD8CA #E0DECE #E6E4D1 #ECEAD5 #F2F0D9

#CFCCC3 - #F2F0D9

HSV Blend

#CFCCC3 - #F2F0D9 | 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 #CFCCC3 as 0% and #F2F0D9 as 100%.

0.0%	0.0% #CFCCC3	RGB 207 204 195	#CFCCC3
16.7%	16.7% #D4D1C6	RGB 212 209 198	#D4D1C6
33.3%	33.3% #DAD7CA	RGB 218 215 202	#DAD7CA
50.0%	50.0% #E0DDCE	RGB 224 221 206	#E0DDCE
66.7%	66.7% #E6E3D2	RGB 230 227 210	#E6E3D2
83.3%	83.3% #ECE9D5	RGB 236 233 213	#ECE9D5
100.0%	100.0% #F2F0D9	RGB 242 240 217	#F2F0D9

#CFCCC3 #D4D1C6 #DAD7CA #E0DDCE #E6E3D2 #ECE9D5 #F2F0D9

#CFCCC3 - #E0DDCE - #F2F0D9

CSS codes

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

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