#CCA8D3 - #A554AA | 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 #CCA8D3 to #A554AA

#CCA8D3 #A554AA

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

#CCA8D3 - #A554AA | 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 #CCA8D3 as 0% and #A554AA as 100%.

0.0%	0.0% #CCA8D3	RGB 204 168 211	#CCA8D3
16.7%	16.7% #C59ACC	RGB 197 154 204	#C59ACC
33.3%	33.3% #BF8CC5	RGB 191 140 197	#BF8CC5
50.0%	50.0% #B87EBE	RGB 184 126 190	#B87EBE
66.7%	66.7% #B270B7	RGB 178 112 183	#B270B7
83.3%	83.3% #AB62B0	RGB 171 98 176	#AB62B0
100.0%	100.0% #A554AA	RGB 165 84 170	#A554AA

#CCA8D3 #C59ACC #BF8CC5 #B87EBE #B270B7 #AB62B0 #A554AA

#CCA8D3 - #A554AA

HSV Blend

#CCA8D3 - #A554AA | 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 #CCA8D3 as 0% and #A554AA as 100%.

0.0%	0.0% #CCA8D3	RGB 204 168 211	#CCA8D3
16.7%	16.7% #C498CC	RGB 196 152 204	#C498CC
33.3%	33.3% #BD89C5	RGB 189 137 197	#BD89C5
50.0%	50.0% #B77ABE	RGB 183 122 190	#B77ABE
66.7%	66.7% #B06DB7	RGB 176 109 183	#B06DB7
83.3%	83.3% #AA60B0	RGB 170 96 176	#AA60B0
100.0%	100.0% #A554AA	RGB 165 84 170	#A554AA

#CCA8D3 #C498CC #BD89C5 #B77ABE #B06DB7 #AA60B0 #A554AA

#CCA8D3 - #B77ABE - #A554AA

CSS codes

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

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