#CC3CAA - #81005A | 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 #CC3CAA to #81005A

#CC3CAA #81005A

Calculate the color between two colors, #CC3CAA and #81005A. 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)

#CC3CAA - #81005A | 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 #CC3CAA as 0% and #81005A as 100%.

0.0%	0.0% #CC3CAA	RGB 204 60 170	#CC3CAA
16.7%	16.7% #BF329C	RGB 191 50 156	#BF329C
33.3%	33.3% #B3288F	RGB 179 40 143	#B3288F
50.0%	50.0% #A61E82	RGB 166 30 130	#A61E82
66.7%	66.7% #9A1474	RGB 154 20 116	#9A1474
83.3%	83.3% #8D0A67	RGB 141 10 103	#8D0A67
100.0%	100.0% #81005A	RGB 129 0 90	#81005A

#CC3CAA #BF329C #B3288F #A61E82 #9A1474 #8D0A67 #81005A

#CC3CAA - #81005A

HSV Blend

#CC3CAA - #81005A | 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 #CC3CAA as 0% and #81005A as 100%.

0.0%	0.0% #CC3CAA	RGB 204 60 170	#CC3CAA
16.7%	16.7% #BF2E9B	RGB 191 46 155	#BF2E9B
33.3%	33.3% #B3238D	RGB 179 35 141	#B3238D
50.0%	50.0% #A61880	RGB 166 24 128	#A61880
66.7%	66.7% #9A0F73	RGB 154 15 115	#9A0F73
83.3%	83.3% #8D0666	RGB 141 6 102	#8D0666
100.0%	100.0% #81005A	RGB 129 0 90	#81005A

#CC3CAA #BF2E9B #B3238D #A61880 #9A0F73 #8D0666 #81005A

#CC3CAA - #A61880 - #81005A

CSS codes

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

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