#CCC0CE - #FFD9D9 | 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 #CCC0CE to #FFD9D9

#CCC0CE #FFD9D9

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

#CCC0CE - #FFD9D9 | 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 #CCC0CE as 0% and #FFD9D9 as 100%.

0.0%	0.0% #CCC0CE	RGB 204 192 206	#CCC0CE
16.7%	16.7% #D4C4CF	RGB 212 196 207	#D4C4CF
33.3%	33.3% #DDC8D1	RGB 221 200 209	#DDC8D1
50.0%	50.0% #E5CCD3	RGB 229 204 211	#E5CCD3
66.7%	66.7% #EED0D5	RGB 238 208 213	#EED0D5
83.3%	83.3% #F6D4D7	RGB 246 212 215	#F6D4D7
100.0%	100.0% #FFD9D9	RGB 255 217 217	#FFD9D9

#CCC0CE #D4C4CF #DDC8D1 #E5CCD3 #EED0D5 #F6D4D7 #FFD9D9

#CCC0CE - #FFD9D9

HSV Blend

#CCC0CE - #FFD9D9 | 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 #CCC0CE as 0% and #FFD9D9 as 100%.

0.0%	0.0% #CCC0CE	RGB 204 192 206	#CCC0CE
16.7%	16.7% #D6C4D5	RGB 214 196 213	#D6C4D5
33.3%	33.3% #DEC9D9	RGB 222 201 217	#DEC9D9
50.0%	50.0% #E6CDDB	RGB 230 205 219	#E6CDDB
66.7%	66.7% #EED1DC	RGB 238 209 220	#EED1DC
83.3%	83.3% #F6D5DB	RGB 246 213 219	#F6D5DB
100.0%	100.0% #FFD9D9	RGB 255 217 217	#FFD9D9

#CCC0CE #D6C4D5 #DEC9D9 #E6CDDB #EED1DC #F6D5DB #FFD9D9

#CCC0CE - #E6CDDB - #FFD9D9

CSS codes

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

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