#CFC5CC - #FFF2DF | 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 #FFF2DF

#CFC5CC #FFF2DF

Calculate the color between two colors, #CFC5CC and #FFF2DF. 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 - #FFF2DF | 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 #FFF2DF 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% #DFD4D2	RGB 223 212 210	#DFD4D2
50.0%	50.0% #E7DBD5	RGB 231 219 213	#E7DBD5
66.7%	66.7% #EFE3D8	RGB 239 227 216	#EFE3D8
83.3%	83.3% #F7EADB	RGB 247 234 219	#F7EADB
100.0%	100.0% #FFF2DF	RGB 255 242 223	#FFF2DF

#CFC5CC #D7CCCF #DFD4D2 #E7DBD5 #EFE3D8 #F7EADB #FFF2DF

#CFC5CC - #FFF2DF

HSV Blend

#CFC5CC - #FFF2DF | 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 #FFF2DF 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% #DFCED2	RGB 223 206 210	#DFCED2
50.0%	50.0% #E7D2D3	RGB 231 210 211	#E7D2D3
66.7%	66.7% #EFDBD7	RGB 239 219 215	#EFDBD7
83.3%	83.3% #F7E5DB	RGB 247 229 219	#F7E5DB
100.0%	100.0% #FFF2DF	RGB 255 242 223	#FFF2DF

#CFC5CC #D7C9D0 #DFCED2 #E7D2D3 #EFDBD7 #F7E5DB #FFF2DF

#CFC5CC - #E7D2D3 - #FFF2DF

CSS codes

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

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