#CCC2DC - #81659B | 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 #CCC2DC to #81659B

#CCC2DC #81659B

Calculate the color between two colors, #CCC2DC and #81659B. 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)

#CCC2DC - #81659B | 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 #CCC2DC as 0% and #81659B as 100%.

0.0%	0.0% #CCC2DC	RGB 204 194 220	#CCC2DC
16.7%	16.7% #BFB2D1	RGB 191 178 209	#BFB2D1
33.3%	33.3% #B3A3C6	RGB 179 163 198	#B3A3C6
50.0%	50.0% #A693BB	RGB 166 147 187	#A693BB
66.7%	66.7% #9A84B0	RGB 154 132 176	#9A84B0
83.3%	83.3% #8D74A5	RGB 141 116 165	#8D74A5
100.0%	100.0% #81659B	RGB 129 101 155	#81659B

#CCC2DC #BFB2D1 #B3A3C6 #A693BB #9A84B0 #8D74A5 #81659B

#CCC2DC - #81659B

HSV Blend

#CCC2DC - #81659B | 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 #CCC2DC as 0% and #81659B as 100%.

0.0%	0.0% #CCC2DC	RGB 204 194 220	#CCC2DC
16.7%	16.7% #BDB0D1	RGB 189 176 209	#BDB0D1
33.3%	33.3% #B09FC6	RGB 176 159 198	#B09FC6
50.0%	50.0% #A38FBB	RGB 163 143 187	#A38FBB
66.7%	66.7% #9780B0	RGB 151 128 176	#9780B0
83.3%	83.3% #8B72A5	RGB 139 114 165	#8B72A5
100.0%	100.0% #81659B	RGB 129 101 155	#81659B

#CCC2DC #BDB0D1 #B09FC6 #A38FBB #9780B0 #8B72A5 #81659B

#CCC2DC - #A38FBB - #81659B

CSS codes

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

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