#CCC8D9 - #FFEDD4 | 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 #CCC8D9 to #FFEDD4

#CCC8D9 #FFEDD4

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

#CCC8D9 - #FFEDD4 | 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 #CCC8D9 as 0% and #FFEDD4 as 100%.

0.0%	0.0% #CCC8D9	RGB 204 200 217	#CCC8D9
16.7%	16.7% #D4CED8	RGB 212 206 216	#D4CED8
33.3%	33.3% #DDD4D7	RGB 221 212 215	#DDD4D7
50.0%	50.0% #E5DAD6	RGB 229 218 214	#E5DAD6
66.7%	66.7% #EEE0D5	RGB 238 224 213	#EEE0D5
83.3%	83.3% #F6E6D4	RGB 246 230 212	#F6E6D4
100.0%	100.0% #FFEDD4	RGB 255 237 212	#FFEDD4

#CCC8D9 #D4CED8 #DDD4D7 #E5DAD6 #EEE0D5 #F6E6D4 #FFEDD4

#CCC8D9 - #FFEDD4

HSV Blend

#CCC8D9 - #FFEDD4 | 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 #CCC8D9 as 0% and #FFEDD4 as 100%.

0.0%	0.0% #CCC8D9	RGB 204 200 217	#CCC8D9
16.7%	16.7% #D7CADF	RGB 215 202 223	#D7CADF
33.3%	33.3% #E5CCE5	RGB 229 204 229	#E5CCE5
50.0%	50.0% #ECCEE0	RGB 236 206 224	#ECCEE0
66.7%	66.7% #F2D0D7	RGB 242 208 215	#F2D0D7
83.3%	83.3% #F8D9D2	RGB 248 217 210	#F8D9D2
100.0%	100.0% #FFEDD4	RGB 255 237 212	#FFEDD4

#CCC8D9 #D7CADF #E5CCE5 #ECCEE0 #F2D0D7 #F8D9D2 #FFEDD4

#CCC8D9 - #ECCEE0 - #FFEDD4

CSS codes

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

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