#C175A8 - #8B1758 | 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 #C175A8 to #8B1758

#C175A8 #8B1758

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

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

0.0%	0.0% #C175A8	RGB 193 117 168	#C175A8
16.7%	16.7% #B8659A	RGB 184 101 154	#B8659A
33.3%	33.3% #AF558D	RGB 175 85 141	#AF558D
50.0%	50.0% #A64680	RGB 166 70 128	#A64680
66.7%	66.7% #9D3672	RGB 157 54 114	#9D3672
83.3%	83.3% #942665	RGB 148 38 101	#942665
100.0%	100.0% #8B1758	RGB 139 23 88	#8B1758

#C175A8 #B8659A #AF558D #A64680 #9D3672 #942665 #8B1758

#C175A8 - #8B1758

HSV Blend

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

0.0%	0.0% #C175A8	RGB 193 117 168	#C175A8
16.7%	16.7% #B8629A	RGB 184 98 154	#B8629A
33.3%	33.3% #AF508C	RGB 175 80 140	#AF508C
50.0%	50.0% #A6407E	RGB 166 64 126	#A6407E
66.7%	66.7% #9D3171	RGB 157 49 113	#9D3171
83.3%	83.3% #942364	RGB 148 35 100	#942364
100.0%	100.0% #8B1758	RGB 139 23 88	#8B1758

#C175A8 #B8629A #AF508C #A6407E #9D3171 #942364 #8B1758

#C175A8 - #A6407E - #8B1758

CSS codes

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

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