#CCC2DD - #81659D | 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 #CCC2DD to #81659D

#CCC2DD #81659D

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

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

0.0%	0.0% #CCC2DD	RGB 204 194 221	#CCC2DD
16.7%	16.7% #BFB2D2	RGB 191 178 210	#BFB2D2
33.3%	33.3% #B3A3C7	RGB 179 163 199	#B3A3C7
50.0%	50.0% #A693BD	RGB 166 147 189	#A693BD
66.7%	66.7% #9A84B2	RGB 154 132 178	#9A84B2
83.3%	83.3% #8D74A7	RGB 141 116 167	#8D74A7
100.0%	100.0% #81659D	RGB 129 101 157	#81659D

#CCC2DD #BFB2D2 #B3A3C7 #A693BD #9A84B2 #8D74A7 #81659D

#CCC2DD - #81659D

HSV Blend

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

0.0%	0.0% #CCC2DD	RGB 204 194 221	#CCC2DD
16.7%	16.7% #BDB0D2	RGB 189 176 210	#BDB0D2
33.3%	33.3% #B09FC7	RGB 176 159 199	#B09FC7
50.0%	50.0% #A38FBD	RGB 163 143 189	#A38FBD
66.7%	66.7% #9780B2	RGB 151 128 178	#9780B2
83.3%	83.3% #8B72A7	RGB 139 114 167	#8B72A7
100.0%	100.0% #81659D	RGB 129 101 157	#81659D

#CCC2DD #BDB0D2 #B09FC7 #A38FBD #9780B2 #8B72A7 #81659D

#CCC2DD - #A38FBD - #81659D

CSS codes

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

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