#CFCDC7 - #F8FFDB | 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 #CFCDC7 to #F8FFDB

#CFCDC7 #F8FFDB

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

#CFCDC7 - #F8FFDB | 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 #CFCDC7 as 0% and #F8FFDB as 100%.

0.0%	0.0% #CFCDC7	RGB 207 205 199	#CFCDC7
16.7%	16.7% #D5D5CA	RGB 213 213 202	#D5D5CA
33.3%	33.3% #DCDDCD	RGB 220 221 205	#DCDDCD
50.0%	50.0% #E3E6D1	RGB 227 230 209	#E3E6D1
66.7%	66.7% #EAEED4	RGB 234 238 212	#EAEED4
83.3%	83.3% #F1F6D7	RGB 241 246 215	#F1F6D7
100.0%	100.0% #F8FFDB	RGB 248 255 219	#F8FFDB

#CFCDC7 #D5D5CA #DCDDCD #E3E6D1 #EAEED4 #F1F6D7 #F8FFDB

#CFCDC7 - #F8FFDB

HSV Blend

#CFCDC7 - #F8FFDB | 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 #CFCDC7 as 0% and #F8FFDB as 100%.

0.0%	0.0% #CFCDC7	RGB 207 205 199	#CFCDC7
16.7%	16.7% #D7D4CB	RGB 215 212 203	#D7D4CB
33.3%	33.3% #DFDDCE	RGB 223 221 206	#DFDDCE
50.0%	50.0% #E7E6D2	RGB 231 230 210	#E7E6D2
66.7%	66.7% #EDEFD5	RGB 237 239 213	#EDEFD5
83.3%	83.3% #F3F7D8	RGB 243 247 216	#F3F7D8
100.0%	100.0% #F8FFDB	RGB 248 255 219	#F8FFDB

#CFCDC7 #D7D4CB #DFDDCE #E7E6D2 #EDEFD5 #F3F7D8 #F8FFDB

#CFCDC7 - #E7E6D2 - #F8FFDB

CSS codes

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

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