#C548AC - #82005B | 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 #C548AC to #82005B

#C548AC #82005B

Calculate the color between two colors, #C548AC and #82005B. 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)

#C548AC - #82005B | 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 #C548AC as 0% and #82005B as 100%.

0.0%	0.0% #C548AC	RGB 197 72 172	#C548AC
16.7%	16.7% #B93C9E	RGB 185 60 158	#B93C9E
33.3%	33.3% #AE3091	RGB 174 48 145	#AE3091
50.0%	50.0% #A32483	RGB 163 36 131	#A32483
66.7%	66.7% #981876	RGB 152 24 118	#981876
83.3%	83.3% #8D0C68	RGB 141 12 104	#8D0C68
100.0%	100.0% #82005B	RGB 130 0 91	#82005B

#C548AC #B93C9E #AE3091 #A32483 #981876 #8D0C68 #82005B

#C548AC - #82005B

HSV Blend

#C548AC - #82005B | 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 #C548AC as 0% and #82005B as 100%.

0.0%	0.0% #C548AC	RGB 197 72 172	#C548AC
16.7%	16.7% #B9389D	RGB 185 56 157	#B9389D
33.3%	33.3% #AE2A8F	RGB 174 42 143	#AE2A8F
50.0%	50.0% #A31D82	RGB 163 29 130	#A31D82
66.7%	66.7% #981274	RGB 152 18 116	#981274
83.3%	83.3% #8D0867	RGB 141 8 103	#8D0867
100.0%	100.0% #82005B	RGB 130 0 91	#82005B

#C548AC #B9389D #AE2A8F #A31D82 #981274 #8D0867 #82005B

#C548AC - #A31D82 - #82005B

CSS codes

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

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