#C388A8 - #8F2C58 | 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 #C388A8 to #8F2C58

#C388A8 #8F2C58

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

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

0.0%	0.0% #C388A8	RGB 195 136 168	#C388A8
16.7%	16.7% #BA789A	RGB 186 120 154	#BA789A
33.3%	33.3% #B1698D	RGB 177 105 141	#B1698D
50.0%	50.0% #A95A80	RGB 169 90 128	#A95A80
66.7%	66.7% #A04A72	RGB 160 74 114	#A04A72
83.3%	83.3% #973B65	RGB 151 59 101	#973B65
100.0%	100.0% #8F2C58	RGB 143 44 88	#8F2C58

#C388A8 #BA789A #B1698D #A95A80 #A04A72 #973B65 #8F2C58

#C388A8 - #8F2C58

HSV Blend

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

0.0%	0.0% #C388A8	RGB 195 136 168	#C388A8
16.7%	16.7% #BA7599	RGB 186 117 153	#BA7599
33.3%	33.3% #B1648B	RGB 177 100 139	#B1648B
50.0%	50.0% #A9547E	RGB 169 84 126	#A9547E
66.7%	66.7% #A04671	RGB 160 70 113	#A04671
83.3%	83.3% #973864	RGB 151 56 100	#973864
100.0%	100.0% #8F2C58	RGB 143 44 88	#8F2C58

#C388A8 #BA7599 #B1648B #A9547E #A04671 #973864 #8F2C58

#C388A8 - #A9547E - #8F2C58

CSS codes

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

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