#C172AD - #8C115D | 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 #C172AD to #8C115D

#C172AD #8C115D

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

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

0.0%	0.0% #C172AD	RGB 193 114 173	#C172AD
16.7%	16.7% #B8619F	RGB 184 97 159	#B8619F
33.3%	33.3% #AF5192	RGB 175 81 146	#AF5192
50.0%	50.0% #A64185	RGB 166 65 133	#A64185
66.7%	66.7% #9D3177	RGB 157 49 119	#9D3177
83.3%	83.3% #94216A	RGB 148 33 106	#94216A
100.0%	100.0% #8C115D	RGB 140 17 93	#8C115D

#C172AD #B8619F #AF5192 #A64185 #9D3177 #94216A #8C115D

#C172AD - #8C115D

HSV Blend

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

0.0%	0.0% #C172AD	RGB 193 114 173	#C172AD
16.7%	16.7% #B85E9F	RGB 184 94 159	#B85E9F
33.3%	33.3% #AF4C91	RGB 175 76 145	#AF4C91
50.0%	50.0% #A63B84	RGB 166 59 132	#A63B84
66.7%	66.7% #9D2B77	RGB 157 43 119	#9D2B77
83.3%	83.3% #941D69	RGB 148 29 105	#941D69
100.0%	100.0% #8C115D	RGB 140 17 93	#8C115D

#C172AD #B85E9F #AF4C91 #A63B84 #9D2B77 #941D69 #8C115D

#C172AD - #A63B84 - #8C115D

CSS codes

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

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