#C9A8CC - #973F98 | 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 #C9A8CC to #973F98

#C9A8CC #973F98

Calculate the color between two colors, #C9A8CC and #973F98. 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)

#C9A8CC - #973F98 | 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 #C9A8CC as 0% and #973F98 as 100%.

0.0%	0.0% #C9A8CC	RGB 201 168 204	#C9A8CC
16.7%	16.7% #C096C3	RGB 192 150 195	#C096C3
33.3%	33.3% #B885BA	RGB 184 133 186	#B885BA
50.0%	50.0% #B073B2	RGB 176 115 178	#B073B2
66.7%	66.7% #A762A9	RGB 167 98 169	#A762A9
83.3%	83.3% #9F50A0	RGB 159 80 160	#9F50A0
100.0%	100.0% #973F98	RGB 151 63 152	#973F98

#C9A8CC #C096C3 #B885BA #B073B2 #A762A9 #9F50A0 #973F98

#C9A8CC - #973F98

HSV Blend

#C9A8CC - #973F98 | 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 #C9A8CC as 0% and #973F98 as 100%.

0.0%	0.0% #C9A8CC	RGB 201 168 204	#C9A8CC
16.7%	16.7% #BF93C3	RGB 191 147 195	#BF93C3
33.3%	33.3% #B780BA	RGB 183 128 186	#B780BA
50.0%	50.0% #AE6EB2	RGB 174 110 178	#AE6EB2
66.7%	66.7% #A65DA9	RGB 166 93 169	#A65DA9
83.3%	83.3% #9E4DA0	RGB 158 77 160	#9E4DA0
100.0%	100.0% #973F98	RGB 151 63 152	#973F98

#C9A8CC #BF93C3 #B780BA #AE6EB2 #A65DA9 #9E4DA0 #973F98

#C9A8CC - #AE6EB2 - #973F98

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9A8CC 0%, #AE6EB2 50%, #973F98 100%);
    background: -webkit-linear-gradient(top, #C9A8CC 0%, #AE6EB2 50%, #973F98 100%);
    background: linear-gradient(to bottom, #C9A8CC 0%, #AE6EB2 50%, #973F98 100%);
}
</style>