#CCA2E2 - #773AA2 | 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 #CCA2E2 to #773AA2

#CCA2E2 #773AA2

Calculate the color between two colors, #CCA2E2 and #773AA2. 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)

#CCA2E2 - #773AA2 | 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 #CCA2E2 as 0% and #773AA2 as 100%.

0.0%	0.0% #CCA2E2	RGB 204 162 226	#CCA2E2
16.7%	16.7% #BD90D7	RGB 189 144 215	#BD90D7
33.3%	33.3% #AF7FCC	RGB 175 127 204	#AF7FCC
50.0%	50.0% #A16EC2	RGB 161 110 194	#A16EC2
66.7%	66.7% #935CB7	RGB 147 92 183	#935CB7
83.3%	83.3% #854BAC	RGB 133 75 172	#854BAC
100.0%	100.0% #773AA2	RGB 119 58 162	#773AA2

#CCA2E2 #BD90D7 #AF7FCC #A16EC2 #935CB7 #854BAC #773AA2

#CCA2E2 - #773AA2

HSV Blend

#CCA2E2 - #773AA2 | 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 #CCA2E2 as 0% and #773AA2 as 100%.

0.0%	0.0% #CCA2E2	RGB 204 162 226	#CCA2E2
16.7%	16.7% #BD8DD7	RGB 189 141 215	#BD8DD7
33.3%	33.3% #AE7ACC	RGB 174 122 204	#AE7ACC
50.0%	50.0% #A068C2	RGB 160 104 194	#A068C2
66.7%	66.7% #9157B7	RGB 145 87 183	#9157B7
83.3%	83.3% #8448AC	RGB 132 72 172	#8448AC
100.0%	100.0% #773AA2	RGB 119 58 162	#773AA2

#CCA2E2 #BD8DD7 #AE7ACC #A068C2 #9157B7 #8448AC #773AA2

#CCA2E2 - #A068C2 - #773AA2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCA2E2 0%, #A068C2 50%, #773AA2 100%);
    background: -webkit-linear-gradient(top, #CCA2E2 0%, #A068C2 50%, #773AA2 100%);
    background: linear-gradient(to bottom, #CCA2E2 0%, #A068C2 50%, #773AA2 100%);
}
</style>