#CC8BCA - #AD38AC | 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 #CC8BCA to #AD38AC

#CC8BCA #AD38AC

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

#CC8BCA - #AD38AC | 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 #CC8BCA as 0% and #AD38AC as 100%.

0.0%	0.0% #CC8BCA	RGB 204 139 202	#CC8BCA
16.7%	16.7% #C67DC5	RGB 198 125 197	#C67DC5
33.3%	33.3% #C16FC0	RGB 193 111 192	#C16FC0
50.0%	50.0% #BC61BB	RGB 188 97 187	#BC61BB
66.7%	66.7% #B753B6	RGB 183 83 182	#B753B6
83.3%	83.3% #B245B1	RGB 178 69 177	#B245B1
100.0%	100.0% #AD38AC	RGB 173 56 172	#AD38AC

#CC8BCA #C67DC5 #C16FC0 #BC61BB #B753B6 #B245B1 #AD38AC

#CC8BCA - #AD38AC

HSV Blend

#CC8BCA - #AD38AC | 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 #CC8BCA as 0% and #AD38AC as 100%.

0.0%	0.0% #CC8BCA	RGB 204 139 202	#CC8BCA
16.7%	16.7% #C67BC4	RGB 198 123 196	#C67BC4
33.3%	33.3% #C16CBF	RGB 193 108 191	#C16CBF
50.0%	50.0% #BC5EBA	RGB 188 94 186	#BC5EBA
66.7%	66.7% #B751B5	RGB 183 81 181	#B751B5
83.3%	83.3% #B244B0	RGB 178 68 176	#B244B0
100.0%	100.0% #AD38AC	RGB 173 56 172	#AD38AC

#CC8BCA #C67BC4 #C16CBF #BC5EBA #B751B5 #B244B0 #AD38AC

#CC8BCA - #BC5EBA - #AD38AC

CSS codes

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

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