#C9A8DA - #9756A1 | 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 #C9A8DA to #9756A1

#C9A8DA #9756A1

Calculate the color between two colors, #C9A8DA and #9756A1. 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)

#C9A8DA - #9756A1 | 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 #C9A8DA as 0% and #9756A1 as 100%.

0.0%	0.0% #C9A8DA	RGB 201 168 218	#C9A8DA
16.7%	16.7% #C09AD0	RGB 192 154 208	#C09AD0
33.3%	33.3% #B88CC7	RGB 184 140 199	#B88CC7
50.0%	50.0% #B07FBD	RGB 176 127 189	#B07FBD
66.7%	66.7% #A771B4	RGB 167 113 180	#A771B4
83.3%	83.3% #9F63AA	RGB 159 99 170	#9F63AA
100.0%	100.0% #9756A1	RGB 151 86 161	#9756A1

#C9A8DA #C09AD0 #B88CC7 #B07FBD #A771B4 #9F63AA #9756A1

#C9A8DA - #9756A1

HSV Blend

#C9A8DA - #9756A1 | 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 #C9A8DA as 0% and #9756A1 as 100%.

0.0%	0.0% #C9A8DA	RGB 201 168 218	#C9A8DA
16.7%	16.7% #BF98D0	RGB 191 152 208	#BF98D0
33.3%	33.3% #B689C7	RGB 182 137 199	#B689C7
50.0%	50.0% #AD7BBD	RGB 173 123 189	#AD7BBD
66.7%	66.7% #A56EB4	RGB 165 110 180	#A56EB4
83.3%	83.3% #9E61AA	RGB 158 97 170	#9E61AA
100.0%	100.0% #9756A1	RGB 151 86 161	#9756A1

#C9A8DA #BF98D0 #B689C7 #AD7BBD #A56EB4 #9E61AA #9756A1

#C9A8DA - #AD7BBD - #9756A1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9A8DA 0%, #AD7BBD 50%, #9756A1 100%);
    background: -webkit-linear-gradient(top, #C9A8DA 0%, #AD7BBD 50%, #9756A1 100%);
    background: linear-gradient(to bottom, #C9A8DA 0%, #AD7BBD 50%, #9756A1 100%);
}
</style>