#CCA8C2 - #8D5870 | 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 #CCA8C2 to #8D5870

#CCA8C2 #8D5870

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

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

0.0%	0.0% #CCA8C2	RGB 204 168 194	#CCA8C2
16.7%	16.7% #C19AB4	RGB 193 154 180	#C19AB4
33.3%	33.3% #B78DA6	RGB 183 141 166	#B78DA6
50.0%	50.0% #AC8099	RGB 172 128 153	#AC8099
66.7%	66.7% #A2728B	RGB 162 114 139	#A2728B
83.3%	83.3% #97657D	RGB 151 101 125	#97657D
100.0%	100.0% #8D5870	RGB 141 88 112	#8D5870

#CCA8C2 #C19AB4 #B78DA6 #AC8099 #A2728B #97657D #8D5870

#CCA8C2 - #8D5870

HSV Blend

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

0.0%	0.0% #CCA8C2	RGB 204 168 194	#CCA8C2
16.7%	16.7% #C198B4	RGB 193 152 180	#C198B4
33.3%	33.3% #B78AA6	RGB 183 138 166	#B78AA6
50.0%	50.0% #AC7C98	RGB 172 124 152	#AC7C98
66.7%	66.7% #A26F8B	RGB 162 111 139	#A26F8B
83.3%	83.3% #97637D	RGB 151 99 125	#97637D
100.0%	100.0% #8D5870	RGB 141 88 112	#8D5870

#CCA8C2 #C198B4 #B78AA6 #AC7C98 #A26F8B #97637D #8D5870

#CCA8C2 - #AC7C98 - #8D5870

CSS codes

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

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