#CCA8C1 - #8D5770 | 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 #CCA8C1 to #8D5770

#CCA8C1 #8D5770

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

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

0.0%	0.0% #CCA8C1	RGB 204 168 193	#CCA8C1
16.7%	16.7% #C19AB3	RGB 193 154 179	#C19AB3
33.3%	33.3% #B78DA6	RGB 183 141 166	#B78DA6
50.0%	50.0% #AC7F98	RGB 172 127 152	#AC7F98
66.7%	66.7% #A2728B	RGB 162 114 139	#A2728B
83.3%	83.3% #97647D	RGB 151 100 125	#97647D
100.0%	100.0% #8D5770	RGB 141 87 112	#8D5770

#CCA8C1 #C19AB3 #B78DA6 #AC7F98 #A2728B #97647D #8D5770

#CCA8C1 - #8D5770

HSV Blend

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

0.0%	0.0% #CCA8C1	RGB 204 168 193	#CCA8C1
16.7%	16.7% #C198B3	RGB 193 152 179	#C198B3
33.3%	33.3% #B78AA5	RGB 183 138 165	#B78AA5
50.0%	50.0% #AC7C98	RGB 172 124 152	#AC7C98
66.7%	66.7% #A26F8A	RGB 162 111 138	#A26F8A
83.3%	83.3% #97627D	RGB 151 98 125	#97627D
100.0%	100.0% #8D5770	RGB 141 87 112	#8D5770

#CCA8C1 #C198B3 #B78AA5 #AC7C98 #A26F8A #97627D #8D5770

#CCA8C1 - #AC7C98 - #8D5770

CSS codes

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

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