#C181A8 - #8D2458 | 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 #C181A8 to #8D2458

#C181A8 #8D2458

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

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

0.0%	0.0% #C181A8	RGB 193 129 168	#C181A8
16.7%	16.7% #B8719A	RGB 184 113 154	#B8719A
33.3%	33.3% #AF628D	RGB 175 98 141	#AF628D
50.0%	50.0% #A75280	RGB 167 82 128	#A75280
66.7%	66.7% #9E4372	RGB 158 67 114	#9E4372
83.3%	83.3% #953365	RGB 149 51 101	#953365
100.0%	100.0% #8D2458	RGB 141 36 88	#8D2458

#C181A8 #B8719A #AF628D #A75280 #9E4372 #953365 #8D2458

#C181A8 - #8D2458

HSV Blend

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

0.0%	0.0% #C181A8	RGB 193 129 168	#C181A8
16.7%	16.7% #B86E9A	RGB 184 110 154	#B86E9A
33.3%	33.3% #AF5D8C	RGB 175 93 140	#AF5D8C
50.0%	50.0% #A74D7E	RGB 167 77 126	#A74D7E
66.7%	66.7% #9E3E71	RGB 158 62 113	#9E3E71
83.3%	83.3% #953064	RGB 149 48 100	#953064
100.0%	100.0% #8D2458	RGB 141 36 88	#8D2458

#C181A8 #B86E9A #AF5D8C #A74D7E #9E3E71 #953064 #8D2458

#C181A8 - #A74D7E - #8D2458

CSS codes

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

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