#C172A8 - #8B1458 | 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 #C172A8 to #8B1458

#C172A8 #8B1458

Calculate the color between two colors, #C172A8 and #8B1458. 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)

#C172A8 - #8B1458 | 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 #C172A8 as 0% and #8B1458 as 100%.

0.0%	0.0% #C172A8	RGB 193 114 168	#C172A8
16.7%	16.7% #B8629A	RGB 184 98 154	#B8629A
33.3%	33.3% #AF528D	RGB 175 82 141	#AF528D
50.0%	50.0% #A64380	RGB 166 67 128	#A64380
66.7%	66.7% #9D3372	RGB 157 51 114	#9D3372
83.3%	83.3% #942365	RGB 148 35 101	#942365
100.0%	100.0% #8B1458	RGB 139 20 88	#8B1458

#C172A8 #B8629A #AF528D #A64380 #9D3372 #942365 #8B1458

#C172A8 - #8B1458

HSV Blend

#C172A8 - #8B1458 | 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 #C172A8 as 0% and #8B1458 as 100%.

0.0%	0.0% #C172A8	RGB 193 114 168	#C172A8
16.7%	16.7% #B85E9A	RGB 184 94 154	#B85E9A
33.3%	33.3% #AF4D8C	RGB 175 77 140	#AF4D8C
50.0%	50.0% #A63C7E	RGB 166 60 126	#A63C7E
66.7%	66.7% #9D2D71	RGB 157 45 113	#9D2D71
83.3%	83.3% #942064	RGB 148 32 100	#942064
100.0%	100.0% #8B1458	RGB 139 20 88	#8B1458

#C172A8 #B85E9A #AF4D8C #A63C7E #9D2D71 #942064 #8B1458

#C172A8 - #A63C7E - #8B1458

CSS codes

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

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