#CCC6CB - #EDD0FF | 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 #CCC6CB to #EDD0FF

#CCC6CB #EDD0FF

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

#CCC6CB - #EDD0FF | 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 #CCC6CB as 0% and #EDD0FF as 100%.

0.0%	0.0% #CCC6CB	RGB 204 198 203	#CCC6CB
16.7%	16.7% #D1C7D3	RGB 209 199 211	#D1C7D3
33.3%	33.3% #D7C9DC	RGB 215 201 220	#D7C9DC
50.0%	50.0% #DCCBE5	RGB 220 203 229	#DCCBE5
66.7%	66.7% #E2CCED	RGB 226 204 237	#E2CCED
83.3%	83.3% #E7CEF6	RGB 231 206 246	#E7CEF6
100.0%	100.0% #EDD0FF	RGB 237 208 255	#EDD0FF

#CCC6CB #D1C7D3 #D7C9DC #DCCBE5 #E2CCED #E7CEF6 #EDD0FF

#CCC6CB - #EDD0FF

HSV Blend

#CCC6CB - #EDD0FF | 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 #CCC6CB as 0% and #EDD0FF as 100%.

0.0%	0.0% #CCC6CB	RGB 204 198 203	#CCC6CB
16.7%	16.7% #D4C8D3	RGB 212 200 211	#D4C8D3
33.3%	33.3% #DCCBDD	RGB 220 203 221	#DCCBDD
50.0%	50.0% #E2CCE5	RGB 226 204 229	#E2CCE5
66.7%	66.7% #E7CEEE	RGB 231 206 238	#E7CEEE
83.3%	83.3% #EBCFF6	RGB 235 207 246	#EBCFF6
100.0%	100.0% #EDD0FF	RGB 237 208 255	#EDD0FF

#CCC6CB #D4C8D3 #DCCBDD #E2CCE5 #E7CEEE #EBCFF6 #EDD0FF

#CCC6CB - #E2CCE5 - #EDD0FF

CSS codes

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

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