#CCC7CD - #8D7687 | 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 #CCC7CD to #8D7687

#CCC7CD #8D7687

Calculate the color between two colors, #CCC7CD and #8D7687. 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)

#CCC7CD - #8D7687 | 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 #CCC7CD as 0% and #8D7687 as 100%.

0.0%	0.0% #CCC7CD	RGB 204 199 205	#CCC7CD
16.7%	16.7% #C1B9C1	RGB 193 185 193	#C1B9C1
33.3%	33.3% #B7ACB5	RGB 183 172 181	#B7ACB5
50.0%	50.0% #AC9EAA	RGB 172 158 170	#AC9EAA
66.7%	66.7% #A2919E	RGB 162 145 158	#A2919E
83.3%	83.3% #978392	RGB 151 131 146	#978392
100.0%	100.0% #8D7687	RGB 141 118 135	#8D7687

#CCC7CD #C1B9C1 #B7ACB5 #AC9EAA #A2919E #978392 #8D7687

#CCC7CD - #8D7687

HSV Blend

#CCC7CD - #8D7687 | 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 #CCC7CD as 0% and #8D7687 as 100%.

0.0%	0.0% #CCC7CD	RGB 204 199 205	#CCC7CD
16.7%	16.7% #C1B8C2	RGB 193 184 194	#C1B8C2
33.3%	33.3% #B7AAB7	RGB 183 170 183	#B7AAB7
50.0%	50.0% #AD9CAC	RGB 173 156 172	#AD9CAC
66.7%	66.7% #A28FA0	RGB 162 143 160	#A28FA0
83.3%	83.3% #978293	RGB 151 130 147	#978293
100.0%	100.0% #8D7687	RGB 141 118 135	#8D7687

#CCC7CD #C1B8C2 #B7AAB7 #AD9CAC #A28FA0 #978293 #8D7687

#CCC7CD - #AD9CAC - #8D7687

CSS codes

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

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