#C75AC2 - #8D0074 | 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 #C75AC2 to #8D0074

#C75AC2 #8D0074

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

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

0.0%	0.0% #C75AC2	RGB 199 90 194	#C75AC2
16.7%	16.7% #BD4BB5	RGB 189 75 181	#BD4BB5
33.3%	33.3% #B33CA8	RGB 179 60 168	#B33CA8
50.0%	50.0% #AA2D9B	RGB 170 45 155	#AA2D9B
66.7%	66.7% #A01D8E	RGB 160 29 142	#A01D8E
83.3%	83.3% #960F81	RGB 150 15 129	#960F81
100.0%	100.0% #8D0074	RGB 141 0 116	#8D0074

#C75AC2 #BD4BB5 #B33CA8 #AA2D9B #A01D8E #960F81 #8D0074

#C75AC2 - #8D0074

HSV Blend

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

0.0%	0.0% #C75AC2	RGB 199 90 194	#C75AC2
16.7%	16.7% #BD47B5	RGB 189 71 181	#BD47B5
33.3%	33.3% #B336A8	RGB 179 54 168	#B336A8
50.0%	50.0% #AA269B	RGB 170 38 155	#AA269B
66.7%	66.7% #A0188E	RGB 160 24 142	#A0188E
83.3%	83.3% #960B81	RGB 150 11 129	#960B81
100.0%	100.0% #8D0074	RGB 141 0 116	#8D0074

#C75AC2 #BD47B5 #B336A8 #AA269B #A0188E #960B81 #8D0074

#C75AC2 - #AA269B - #8D0074

CSS codes

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

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