#C2A2DA - #813C97 | 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 #C2A2DA to #813C97

#C2A2DA #813C97

Calculate the color between two colors, #C2A2DA and #813C97. 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)

#C2A2DA - #813C97 | 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 #C2A2DA as 0% and #813C97 as 100%.

0.0%	0.0% #C2A2DA	RGB 194 162 218	#C2A2DA
16.7%	16.7% #B791CE	RGB 183 145 206	#B791CE
33.3%	33.3% #AC80C3	RGB 172 128 195	#AC80C3
50.0%	50.0% #A16FB8	RGB 161 111 184	#A16FB8
66.7%	66.7% #965EAD	RGB 150 94 173	#965EAD
83.3%	83.3% #8B4DA2	RGB 139 77 162	#8B4DA2
100.0%	100.0% #813C97	RGB 129 60 151	#813C97

#C2A2DA #B791CE #AC80C3 #A16FB8 #965EAD #8B4DA2 #813C97

#C2A2DA - #813C97

HSV Blend

#C2A2DA - #813C97 | 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 #C2A2DA as 0% and #813C97 as 100%.

0.0%	0.0% #C2A2DA	RGB 194 162 218	#C2A2DA
16.7%	16.7% #B48DCE	RGB 180 141 206	#B48DCE
33.3%	33.3% #A87AC3	RGB 168 122 195	#A87AC3
50.0%	50.0% #9D69B8	RGB 157 105 184	#9D69B8
66.7%	66.7% #9358AD	RGB 147 88 173	#9358AD
83.3%	83.3% #8A49A2	RGB 138 73 162	#8A49A2
100.0%	100.0% #813C97	RGB 129 60 151	#813C97

#C2A2DA #B48DCE #A87AC3 #9D69B8 #9358AD #8A49A2 #813C97

#C2A2DA - #9D69B8 - #813C97

CSS codes

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

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