#C386A8 - #8F2958 | 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 #C386A8 to #8F2958

#C386A8 #8F2958

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

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

0.0%	0.0% #C386A8	RGB 195 134 168	#C386A8
16.7%	16.7% #BA769A	RGB 186 118 154	#BA769A
33.3%	33.3% #B1678D	RGB 177 103 141	#B1678D
50.0%	50.0% #A95780	RGB 169 87 128	#A95780
66.7%	66.7% #A04872	RGB 160 72 114	#A04872
83.3%	83.3% #973865	RGB 151 56 101	#973865
100.0%	100.0% #8F2958	RGB 143 41 88	#8F2958

#C386A8 #BA769A #B1678D #A95780 #A04872 #973865 #8F2958

#C386A8 - #8F2958

HSV Blend

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

0.0%	0.0% #C386A8	RGB 195 134 168	#C386A8
16.7%	16.7% #BA7399	RGB 186 115 153	#BA7399
33.3%	33.3% #B1628C	RGB 177 98 140	#B1628C
50.0%	50.0% #A9527E	RGB 169 82 126	#A9527E
66.7%	66.7% #A04371	RGB 160 67 113	#A04371
83.3%	83.3% #973564	RGB 151 53 100	#973564
100.0%	100.0% #8F2958	RGB 143 41 88	#8F2958

#C386A8 #BA7399 #B1628C #A9527E #A04371 #973564 #8F2958

#C386A8 - #A9527E - #8F2958

CSS codes

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

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