#C8A8D0 - #A952B8 | 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 #C8A8D0 to #A952B8

#C8A8D0 #A952B8

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

#C8A8D0 - #A952B8 | 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 #C8A8D0 as 0% and #A952B8 as 100%.

0.0%	0.0% #C8A8D0	RGB 200 168 208	#C8A8D0
16.7%	16.7% #C299CC	RGB 194 153 204	#C299CC
33.3%	33.3% #BD8BC8	RGB 189 139 200	#BD8BC8
50.0%	50.0% #B87DC4	RGB 184 125 196	#B87DC4
66.7%	66.7% #B36EC0	RGB 179 110 192	#B36EC0
83.3%	83.3% #AE60BC	RGB 174 96 188	#AE60BC
100.0%	100.0% #A952B8	RGB 169 82 184	#A952B8

#C8A8D0 #C299CC #BD8BC8 #B87DC4 #B36EC0 #AE60BC #A952B8

#C8A8D0 - #A952B8

HSV Blend

#C8A8D0 - #A952B8 | 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 #C8A8D0 as 0% and #A952B8 as 100%.

0.0%	0.0% #C8A8D0	RGB 200 168 208	#C8A8D0
16.7%	16.7% #C298CC	RGB 194 152 204	#C298CC
33.3%	33.3% #BC89C8	RGB 188 137 200	#BC89C8
50.0%	50.0% #B77AC4	RGB 183 122 196	#B77AC4
66.7%	66.7% #B26CC0	RGB 178 108 192	#B26CC0
83.3%	83.3% #AD5FBC	RGB 173 95 188	#AD5FBC
100.0%	100.0% #A952B8	RGB 169 82 184	#A952B8

#C8A8D0 #C298CC #BC89C8 #B77AC4 #B26CC0 #AD5FBC #A952B8

#C8A8D0 - #B77AC4 - #A952B8

CSS codes

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

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