#C75BAE - #8A005E | 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 #C75BAE to #8A005E

#C75BAE #8A005E

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

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

0.0%	0.0% #C75BAE	RGB 199 91 174	#C75BAE
16.7%	16.7% #BC4BA0	RGB 188 75 160	#BC4BA0
33.3%	33.3% #B23C93	RGB 178 60 147	#B23C93
50.0%	50.0% #A82D86	RGB 168 45 134	#A82D86
66.7%	66.7% #9E1E78	RGB 158 30 120	#9E1E78
83.3%	83.3% #940F6B	RGB 148 15 107	#940F6B
100.0%	100.0% #8A005E	RGB 138 0 94	#8A005E

#C75BAE #BC4BA0 #B23C93 #A82D86 #9E1E78 #940F6B #8A005E

#C75BAE - #8A005E

HSV Blend

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

0.0%	0.0% #C75BAD	RGB 199 91 173	#C75BAD
16.7%	16.7% #BC47A0	RGB 188 71 160	#BC47A0
33.3%	33.3% #B23692	RGB 178 54 146	#B23692
50.0%	50.0% #A82684	RGB 168 38 132	#A82684
66.7%	66.7% #9E1877	RGB 158 24 119	#9E1877
83.3%	83.3% #940B6A	RGB 148 11 106	#940B6A
100.0%	100.0% #8A005E	RGB 138 0 94	#8A005E

#C75BAD #BC47A0 #B23692 #A82684 #9E1877 #940B6A #8A005E

#C75BAE - #A82684 - #8A005E

CSS codes

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

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