#CDA3E2 - #9E3AA2 | 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 #CDA3E2 to #9E3AA2

#CDA3E2 #9E3AA2

Calculate the color between two colors, #CDA3E2 and #9E3AA2. 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)

#CDA3E2 - #9E3AA2 | 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 #CDA3E2 as 0% and #9E3AA2 as 100%.

0.0%	0.0% #CDA3E2	RGB 205 163 226	#CDA3E2
16.7%	16.7% #C591D7	RGB 197 145 215	#C591D7
33.3%	33.3% #BD80CC	RGB 189 128 204	#BD80CC
50.0%	50.0% #B56EC2	RGB 181 110 194	#B56EC2
66.7%	66.7% #AD5DB7	RGB 173 93 183	#AD5DB7
83.3%	83.3% #A54BAC	RGB 165 75 172	#A54BAC
100.0%	100.0% #9E3AA2	RGB 158 58 162	#9E3AA2

#CDA3E2 #C591D7 #BD80CC #B56EC2 #AD5DB7 #A54BAC #9E3AA2

#CDA3E2 - #9E3AA2

HSV Blend

#CDA3E2 - #9E3AA2 | 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 #CDA3E2 as 0% and #9E3AA2 as 100%.

0.0%	0.0% #CDA3E2	RGB 205 163 226	#CDA3E2
16.7%	16.7% #C28ED7	RGB 194 142 215	#C28ED7
33.3%	33.3% #B97ACC	RGB 185 122 204	#B97ACC
50.0%	50.0% #B168C2	RGB 177 104 194	#B168C2
66.7%	66.7% #AA57B7	RGB 170 87 183	#AA57B7
83.3%	83.3% #A348AC	RGB 163 72 172	#A348AC
100.0%	100.0% #9E3AA2	RGB 158 58 162	#9E3AA2

#CDA3E2 #C28ED7 #B97ACC #B168C2 #AA57B7 #A348AC #9E3AA2

#CDA3E2 - #B168C2 - #9E3AA2

CSS codes

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

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