#CCA2D9 - #A13AAD | 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 #CCA2D9 to #A13AAD

#CCA2D9 #A13AAD

Calculate the color between two colors, #CCA2D9 and #A13AAD. 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)

#CCA2D9 - #A13AAD | 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 #CCA2D9 as 0% and #A13AAD as 100%.

0.0%	0.0% #CCA2D9	RGB 204 162 217	#CCA2D9
16.7%	16.7% #C490D1	RGB 196 144 209	#C490D1
33.3%	33.3% #BD7FCA	RGB 189 127 202	#BD7FCA
50.0%	50.0% #B66EC3	RGB 182 110 195	#B66EC3
66.7%	66.7% #AF5CBB	RGB 175 92 187	#AF5CBB
83.3%	83.3% #A84BB4	RGB 168 75 180	#A84BB4
100.0%	100.0% #A13AAD	RGB 161 58 173	#A13AAD

#CCA2D9 #C490D1 #BD7FCA #B66EC3 #AF5CBB #A84BB4 #A13AAD

#CCA2D9 - #A13AAD

HSV Blend

#CCA2D9 - #A13AAD | 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 #CCA2D9 as 0% and #A13AAD as 100%.

0.0%	0.0% #CCA2D9	RGB 204 162 217	#CCA2D9
16.7%	16.7% #C38ED1	RGB 195 142 209	#C38ED1
33.3%	33.3% #BB7BCA	RGB 187 123 202	#BB7BCA
50.0%	50.0% #B369C3	RGB 179 105 195	#B369C3
66.7%	66.7% #AC58BB	RGB 172 88 187	#AC58BB
83.3%	83.3% #A648B4	RGB 166 72 180	#A648B4
100.0%	100.0% #A13AAD	RGB 161 58 173	#A13AAD

#CCA2D9 #C38ED1 #BB7BCA #B369C3 #AC58BB #A648B4 #A13AAD

#CCA2D9 - #B369C3 - #A13AAD

CSS codes

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

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