#CECCCA - #FFE0D3 | 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 #CECCCA to #FFE0D3

#CECCCA #FFE0D3

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

#CECCCA - #FFE0D3 | 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 #CECCCA as 0% and #FFE0D3 as 100%.

0.0%	0.0% #CECCCA	RGB 206 204 202	#CECCCA
16.7%	16.7% #D6CFCB	RGB 214 207 203	#D6CFCB
33.3%	33.3% #DED2CD	RGB 222 210 205	#DED2CD
50.0%	50.0% #E6D6CE	RGB 230 214 206	#E6D6CE
66.7%	66.7% #EED9D0	RGB 238 217 208	#EED9D0
83.3%	83.3% #F6DCD1	RGB 246 220 209	#F6DCD1
100.0%	100.0% #FFE0D3	RGB 255 224 211	#FFE0D3

#CECCCA #D6CFCB #DED2CD #E6D6CE #EED9D0 #F6DCD1 #FFE0D3

#CECCCA - #FFE0D3

HSV Blend

#CECCCA - #FFE0D3 | 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 #CECCCA as 0% and #FFE0D3 as 100%.

0.0%	0.0% #CECCCA	RGB 206 204 202	#CECCCA
16.7%	16.7% #D6D1CC	RGB 214 209 204	#D6D1CC
33.3%	33.3% #DED5CE	RGB 222 213 206	#DED5CE
50.0%	50.0% #E6D9D0	RGB 230 217 208	#E6D9D0
66.7%	66.7% #EEDCD1	RGB 238 220 209	#EEDCD1
83.3%	83.3% #F6DED2	RGB 246 222 210	#F6DED2
100.0%	100.0% #FFE0D3	RGB 255 224 211	#FFE0D3

#CECCCA #D6D1CC #DED5CE #E6D9D0 #EEDCD1 #F6DED2 #FFE0D3

#CECCCA - #E6D9D0 - #FFE0D3

CSS codes

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

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