#CCC6CE - #DFD1FF | 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 #CCC6CE to #DFD1FF

#CCC6CE #DFD1FF

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

#CCC6CE - #DFD1FF | 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 #CCC6CE as 0% and #DFD1FF as 100%.

0.0%	0.0% #CCC6CE	RGB 204 198 206	#CCC6CE
16.7%	16.7% #CFC7D6	RGB 207 199 214	#CFC7D6
33.3%	33.3% #D2C9DE	RGB 210 201 222	#D2C9DE
50.0%	50.0% #D5CBE6	RGB 213 203 230	#D5CBE6
66.7%	66.7% #D8CDEE	RGB 216 205 238	#D8CDEE
83.3%	83.3% #DBCFF6	RGB 219 207 246	#DBCFF6
100.0%	100.0% #DFD1FF	RGB 223 209 255	#DFD1FF

#CCC6CE #CFC7D6 #D2C9DE #D5CBE6 #D8CDEE #DBCFF6 #DFD1FF

#CCC6CE - #DFD1FF

HSV Blend

#CCC6CE - #DFD1FF | 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 #CCC6CE as 0% and #DFD1FF as 100%.

0.0%	0.0% #CCC6CE	RGB 204 198 206	#CCC6CE
16.7%	16.7% #D1C8D6	RGB 209 200 214	#D1C8D6
33.3%	33.3% #D6CBDE	RGB 214 203 222	#D6CBDE
50.0%	50.0% #DACDE6	RGB 218 205 230	#DACDE6
66.7%	66.7% #DDCEEE	RGB 221 206 238	#DDCEEE
83.3%	83.3% #DED0F6	RGB 222 208 246	#DED0F6
100.0%	100.0% #DFD1FF	RGB 223 209 255	#DFD1FF

#CCC6CE #D1C8D6 #D6CBDE #DACDE6 #DDCEEE #DED0F6 #DFD1FF

#CCC6CE - #DACDE6 - #DFD1FF

CSS codes

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

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