#CEC8C4 - #FFD0CF | 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 #CEC8C4 to #FFD0CF

#CEC8C4 #FFD0CF

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

#CEC8C4 - #FFD0CF | 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 #CEC8C4 as 0% and #FFD0CF as 100%.

0.0%	0.0% #CEC8C4	RGB 206 200 196	#CEC8C4
16.7%	16.7% #D6C9C5	RGB 214 201 197	#D6C9C5
33.3%	33.3% #DECAC7	RGB 222 202 199	#DECAC7
50.0%	50.0% #E6CCC9	RGB 230 204 201	#E6CCC9
66.7%	66.7% #EECDCB	RGB 238 205 203	#EECDCB
83.3%	83.3% #F6CECD	RGB 246 206 205	#F6CECD
100.0%	100.0% #FFD0CF	RGB 255 208 207	#FFD0CF

#CEC8C4 #D6C9C5 #DECAC7 #E6CCC9 #EECDCB #F6CECD #FFD0CF

#CEC8C4 - #FFD0CF

HSV Blend

#CEC8C4 - #FFD0CF | 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 #CEC8C4 as 0% and #FFD0CF as 100%.

0.0%	0.0% #CEC8C4	RGB 206 200 196	#CEC8C4
16.7%	16.7% #D6CBC6	RGB 214 203 198	#D6CBC6
33.3%	33.3% #DECEC9	RGB 222 206 201	#DECEC9
50.0%	50.0% #E6D0CB	RGB 230 208 203	#E6D0CB
66.7%	66.7% #EED1CC	RGB 238 209 204	#EED1CC
83.3%	83.3% #F6D1CE	RGB 246 209 206	#F6D1CE
100.0%	100.0% #FFD0CF	RGB 255 208 207	#FFD0CF

#CEC8C4 #D6CBC6 #DECEC9 #E6D0CB #EED1CC #F6D1CE #FFD0CF

#CEC8C4 - #E6D0CB - #FFD0CF

CSS codes

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

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