#C9A2DA - #973C96 | 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 #C9A2DA to #973C96

#C9A2DA #973C96

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

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

0.0%	0.0% #C9A2DA	RGB 201 162 218	#C9A2DA
16.7%	16.7% #C091CE	RGB 192 145 206	#C091CE
33.3%	33.3% #B880C3	RGB 184 128 195	#B880C3
50.0%	50.0% #B06FB8	RGB 176 111 184	#B06FB8
66.7%	66.7% #A75EAC	RGB 167 94 172	#A75EAC
83.3%	83.3% #9F4DA1	RGB 159 77 161	#9F4DA1
100.0%	100.0% #973C96	RGB 151 60 150	#973C96

#C9A2DA #C091CE #B880C3 #B06FB8 #A75EAC #9F4DA1 #973C96

#C9A2DA - #973C96

HSV Blend

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

0.0%	0.0% #C9A2DA	RGB 201 162 218	#C9A2DA
16.7%	16.7% #BE8DCE	RGB 190 141 206	#BE8DCE
33.3%	33.3% #B57AC3	RGB 181 122 195	#B57AC3
50.0%	50.0% #AC69B8	RGB 172 105 184	#AC69B8
66.7%	66.7% #A558AD	RGB 165 88 173	#A558AD
83.3%	83.3% #9E49A2	RGB 158 73 162	#9E49A2
100.0%	100.0% #973C96	RGB 151 60 150	#973C96

#C9A2DA #BE8DCE #B57AC3 #AC69B8 #A558AD #9E49A2 #973C96

#C9A2DA - #AC69B8 - #973C96

CSS codes

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

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