#CFCEC5 - #FFEED2 | 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 #CFCEC5 to #FFEED2

#CFCEC5 #FFEED2

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

#CFCEC5 - #FFEED2 | 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 #CFCEC5 as 0% and #FFEED2 as 100%.

0.0%	0.0% #CFCEC5	RGB 207 206 197	#CFCEC5
16.7%	16.7% #D7D3C7	RGB 215 211 199	#D7D3C7
33.3%	33.3% #DFD8C9	RGB 223 216 201	#DFD8C9
50.0%	50.0% #E7DECB	RGB 231 222 203	#E7DECB
66.7%	66.7% #EFE3CD	RGB 239 227 205	#EFE3CD
83.3%	83.3% #F7E8CF	RGB 247 232 207	#F7E8CF
100.0%	100.0% #FFEED2	RGB 255 238 210	#FFEED2

#CFCEC5 #D7D3C7 #DFD8C9 #E7DECB #EFE3CD #F7E8CF #FFEED2

#CFCEC5 - #FFEED2

HSV Blend

#CFCEC5 - #FFEED2 | 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 #CFCEC5 as 0% and #FFEED2 as 100%.

0.0%	0.0% #CFCEC5	RGB 207 206 197	#CFCEC5
16.7%	16.7% #D7D4C8	RGB 215 212 200	#D7D4C8
33.3%	33.3% #DFDBCA	RGB 223 219 202	#DFDBCA
50.0%	50.0% #E7E0CD	RGB 231 224 205	#E7E0CD
66.7%	66.7% #EFE5CF	RGB 239 229 207	#EFE5CF
83.3%	83.3% #F7EAD0	RGB 247 234 208	#F7EAD0
100.0%	100.0% #FFEED2	RGB 255 238 210	#FFEED2

#CFCEC5 #D7D4C8 #DFDBCA #E7E0CD #EFE5CF #F7EAD0 #FFEED2

#CFCEC5 - #E7E0CD - #FFEED2

CSS codes

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

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