#C053A8 - #820057 | 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 #C053A8 to #820057

#C053A8 #820057

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

#C053A8 - #820057 | 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 #C053A8 as 0% and #820057 as 100%.

0.0%	0.0% #C053A8	RGB 192 83 168	#C053A8
16.7%	16.7% #B5459A	RGB 181 69 154	#B5459A
33.3%	33.3% #AB378D	RGB 171 55 141	#AB378D
50.0%	50.0% #A1297F	RGB 161 41 127	#A1297F
66.7%	66.7% #961B72	RGB 150 27 114	#961B72
83.3%	83.3% #8C0D64	RGB 140 13 100	#8C0D64
100.0%	100.0% #820057	RGB 130 0 87	#820057

#C053A8 #B5459A #AB378D #A1297F #961B72 #8C0D64 #820057

#C053A8 - #820057

HSV Blend

#C053A8 - #820057 | 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 #C053A8 as 0% and #820057 as 100%.

0.0%	0.0% #C053A8	RGB 192 83 168	#C053A8
16.7%	16.7% #B54199	RGB 181 65 153	#B54199
33.3%	33.3% #AB318B	RGB 171 49 139	#AB318B
50.0%	50.0% #A1227E	RGB 161 34 126	#A1227E
66.7%	66.7% #961570	RGB 150 21 112	#961570
83.3%	83.3% #8C0A63	RGB 140 10 99	#8C0A63
100.0%	100.0% #820057	RGB 130 0 87	#820057

#C053A8 #B54199 #AB318B #A1227E #961570 #8C0A63 #820057

#C053A8 - #A1227E - #820057

CSS codes

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

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