#CFC5CC - #FFF1DF | 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 #CFC5CC to #FFF1DF

#CFC5CC #FFF1DF

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

#CFC5CC - #FFF1DF | 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 #CFC5CC as 0% and #FFF1DF as 100%.

0.0%	0.0% #CFC5CC	RGB 207 197 204	#CFC5CC
16.7%	16.7% #D7CCCF	RGB 215 204 207	#D7CCCF
33.3%	33.3% #DFD3D2	RGB 223 211 210	#DFD3D2
50.0%	50.0% #E7DBD5	RGB 231 219 213	#E7DBD5
66.7%	66.7% #EFE2D8	RGB 239 226 216	#EFE2D8
83.3%	83.3% #F7E9DB	RGB 247 233 219	#F7E9DB
100.0%	100.0% #FFF1DF	RGB 255 241 223	#FFF1DF

#CFC5CC #D7CCCF #DFD3D2 #E7DBD5 #EFE2D8 #F7E9DB #FFF1DF

#CFC5CC - #FFF1DF

HSV Blend

#CFC5CC - #FFF1DF | 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 #CFC5CC as 0% and #FFF1DF as 100%.

0.0%	0.0% #CFC5CC	RGB 207 197 204	#CFC5CC
16.7%	16.7% #D7C9D0	RGB 215 201 208	#D7C9D0
33.3%	33.3% #DFCED3	RGB 223 206 211	#DFCED3
50.0%	50.0% #E7D2D4	RGB 231 210 212	#E7D2D4
66.7%	66.7% #EFDAD7	RGB 239 218 215	#EFDAD7
83.3%	83.3% #F7E4DB	RGB 247 228 219	#F7E4DB
100.0%	100.0% #FFF1DF	RGB 255 241 223	#FFF1DF

#CFC5CC #D7C9D0 #DFCED3 #E7D2D4 #EFDAD7 #F7E4DB #FFF1DF

#CFC5CC - #E7D2D4 - #FFF1DF

CSS codes

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

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