#CCA8C1 - #9A537E | 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 #9A537E

#CCA8C1 #9A537E

Calculate the color between two colors, #CCA8C1 and #9A537E. 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 - #9A537E | 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 #9A537E as 100%.

0.0%	0.0% #CCA8C1	RGB 204 168 193	#CCA8C1
16.7%	16.7% #C399B5	RGB 195 153 181	#C399B5
33.3%	33.3% #BB8BAA	RGB 187 139 170	#BB8BAA
50.0%	50.0% #B37D9F	RGB 179 125 159	#B37D9F
66.7%	66.7% #AA6F94	RGB 170 111 148	#AA6F94
83.3%	83.3% #A26189	RGB 162 97 137	#A26189
100.0%	100.0% #9A537E	RGB 154 83 126	#9A537E

#CCA8C1 #C399B5 #BB8BAA #B37D9F #AA6F94 #A26189 #9A537E

#CCA8C1 - #9A537E

HSV Blend

#CCA8C1 - #9A537E | 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 #9A537E as 100%.

0.0%	0.0% #CCA8C1	RGB 204 168 193	#CCA8C1
16.7%	16.7% #C397B5	RGB 195 151 181	#C397B5
33.3%	33.3% #BB88AA	RGB 187 136 170	#BB88AA
50.0%	50.0% #B3799F	RGB 179 121 159	#B3799F
66.7%	66.7% #AA6C93	RGB 170 108 147	#AA6C93
83.3%	83.3% #A25F88	RGB 162 95 136	#A25F88
100.0%	100.0% #9A537E	RGB 154 83 126	#9A537E

#CCA8C1 #C397B5 #BB88AA #B3799F #AA6C93 #A25F88 #9A537E

#CCA8C1 - #B3799F - #9A537E

CSS codes

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

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