#CCA8C7 - #8D5877 | 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 #CCA8C7 to #8D5877

#CCA8C7 #8D5877

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

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

0.0%	0.0% #CCA8C7	RGB 204 168 199	#CCA8C7
16.7%	16.7% #C19AB9	RGB 193 154 185	#C19AB9
33.3%	33.3% #B78DAC	RGB 183 141 172	#B78DAC
50.0%	50.0% #AC809F	RGB 172 128 159	#AC809F
66.7%	66.7% #A27291	RGB 162 114 145	#A27291
83.3%	83.3% #976584	RGB 151 101 132	#976584
100.0%	100.0% #8D5877	RGB 141 88 119	#8D5877

#CCA8C7 #C19AB9 #B78DAC #AC809F #A27291 #976584 #8D5877

#CCA8C7 - #8D5877

HSV Blend

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

0.0%	0.0% #CCA8C7	RGB 204 168 199	#CCA8C7
16.7%	16.7% #C198B9	RGB 193 152 185	#C198B9
33.3%	33.3% #B78AAC	RGB 183 138 172	#B78AAC
50.0%	50.0% #AC7C9F	RGB 172 124 159	#AC7C9F
66.7%	66.7% #A26F91	RGB 162 111 145	#A26F91
83.3%	83.3% #976384	RGB 151 99 132	#976384
100.0%	100.0% #8D5877	RGB 141 88 119	#8D5877

#CCA8C7 #C198B9 #B78AAC #AC7C9F #A26F91 #976384 #8D5877

#CCA8C7 - #AC7C9F - #8D5877

CSS codes

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

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