#CCC0D4 - #996DA9 | 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 #CCC0D4 to #996DA9

#CCC0D4 #996DA9

Calculate the color between two colors, #CCC0D4 and #996DA9. 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)

#CCC0D4 - #996DA9 | 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 #CCC0D4 as 0% and #996DA9 as 100%.

0.0%	0.0% #CCC0D4	RGB 204 192 212	#CCC0D4
16.7%	16.7% #C3B2CC	RGB 195 178 204	#C3B2CC
33.3%	33.3% #BBA4C5	RGB 187 164 197	#BBA4C5
50.0%	50.0% #B296BE	RGB 178 150 190	#B296BE
66.7%	66.7% #AA88B7	RGB 170 136 183	#AA88B7
83.3%	83.3% #A17AB0	RGB 161 122 176	#A17AB0
100.0%	100.0% #996DA9	RGB 153 109 169	#996DA9

#CCC0D4 #C3B2CC #BBA4C5 #B296BE #AA88B7 #A17AB0 #996DA9

#CCC0D4 - #996DA9

HSV Blend

#CCC0D4 - #996DA9 | 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 #CCC0D4 as 0% and #996DA9 as 100%.

0.0%	0.0% #CCC0D4	RGB 204 192 212	#CCC0D4
16.7%	16.7% #C2B0CC	RGB 194 176 204	#C2B0CC
33.3%	33.3% #B8A1C5	RGB 184 161 197	#B8A1C5
50.0%	50.0% #B093BE	RGB 176 147 190	#B093BE
66.7%	66.7% #A886B7	RGB 168 134 183	#A886B7
83.3%	83.3% #A079B0	RGB 160 121 176	#A079B0
100.0%	100.0% #996DA9	RGB 153 109 169	#996DA9

#CCC0D4 #C2B0CC #B8A1C5 #B093BE #A886B7 #A079B0 #996DA9

#CCC0D4 - #B093BE - #996DA9

CSS codes

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

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