#CEC8D1 - #FFE8C7 | 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 #CEC8D1 to #FFE8C7

#CEC8D1 #FFE8C7

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

#CEC8D1 - #FFE8C7 | 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 #CEC8D1 as 0% and #FFE8C7 as 100%.

0.0%	0.0% #CEC8D1	RGB 206 200 209	#CEC8D1
16.7%	16.7% #D6CDCF	RGB 214 205 207	#D6CDCF
33.3%	33.3% #DED2CD	RGB 222 210 205	#DED2CD
50.0%	50.0% #E6D8CC	RGB 230 216 204	#E6D8CC
66.7%	66.7% #EEDDCA	RGB 238 221 202	#EEDDCA
83.3%	83.3% #F6E2C8	RGB 246 226 200	#F6E2C8
100.0%	100.0% #FFE8C7	RGB 255 232 199	#FFE8C7

#CEC8D1 #D6CDCF #DED2CD #E6D8CC #EEDDCA #F6E2C8 #FFE8C7

#CEC8D1 - #FFE8C7

HSV Blend

#CEC8D1 - #FFE8C7 | 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 #CEC8D1 as 0% and #FFE8C7 as 100%.

0.0%	0.0% #CEC8D1	RGB 206 200 209	#CEC8D1
16.7%	16.7% #D8C8D8	RGB 216 200 216	#D8C8D8
33.3%	33.3% #E0C9D9	RGB 224 201 217	#E0C9D9
50.0%	50.0% #E8C9D4	RGB 232 201 212	#E8C9D4
66.7%	66.7% #EFC9CB	RGB 239 201 203	#EFC9CB
83.3%	83.3% #F7D4C8	RGB 247 212 200	#F7D4C8
100.0%	100.0% #FFE8C7	RGB 255 232 199	#FFE8C7

#CEC8D1 #D8C8D8 #E0C9D9 #E8C9D4 #EFC9CB #F7D4C8 #FFE8C7

#CEC8D1 - #E8C9D4 - #FFE8C7

CSS codes

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

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