#CFCDCC - #FFFBDF | 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 #CFCDCC to #FFFBDF

#CFCDCC #FFFBDF

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

#CFCDCC - #FFFBDF | 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 #CFCDCC as 0% and #FFFBDF as 100%.

0.0%	0.0% #CFCDCC	RGB 207 205 204	#CFCDCC
16.7%	16.7% #D7D4CF	RGB 215 212 207	#D7D4CF
33.3%	33.3% #DFDCD2	RGB 223 220 210	#DFDCD2
50.0%	50.0% #E7E4D5	RGB 231 228 213	#E7E4D5
66.7%	66.7% #EFEBD8	RGB 239 235 216	#EFEBD8
83.3%	83.3% #F7F3DB	RGB 247 243 219	#F7F3DB
100.0%	100.0% #FFFBDF	RGB 255 251 223	#FFFBDF

#CFCDCC #D7D4CF #DFDCD2 #E7E4D5 #EFEBD8 #F7F3DB #FFFBDF

#CFCDCC - #FFFBDF

HSV Blend

#CFCDCC - #FFFBDF | 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 #CFCDCC as 0% and #FFFBDF as 100%.

0.0%	0.0% #CFCDCC	RGB 207 205 204	#CFCDCC
16.7%	16.7% #D7D2CF	RGB 215 210 207	#D7D2CF
33.3%	33.3% #DFD9D3	RGB 223 217 211	#DFD9D3
50.0%	50.0% #E7E0D6	RGB 231 224 214	#E7E0D6
66.7%	66.7% #EFE8D9	RGB 239 232 217	#EFE8D9
83.3%	83.3% #F7F1DC	RGB 247 241 220	#F7F1DC
100.0%	100.0% #FFFBDF	RGB 255 251 223	#FFFBDF

#CFCDCC #D7D2CF #DFD9D3 #E7E0D6 #EFE8D9 #F7F1DC #FFFBDF

#CFCDCC - #E7E0D6 - #FFFBDF

CSS codes

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

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