#C873A2 - #8F1752 | 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 #C873A2 to #8F1752

#C873A2 #8F1752

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

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

0.0%	0.0% #C873A2	RGB 200 115 162	#C873A2
16.7%	16.7% #BE6394	RGB 190 99 148	#BE6394
33.3%	33.3% #B55487	RGB 181 84 135	#B55487
50.0%	50.0% #AB457A	RGB 171 69 122	#AB457A
66.7%	66.7% #A2356C	RGB 162 53 108	#A2356C
83.3%	83.3% #98265F	RGB 152 38 95	#98265F
100.0%	100.0% #8F1752	RGB 143 23 82	#8F1752

#C873A2 #BE6394 #B55487 #AB457A #A2356C #98265F #8F1752

#C873A2 - #8F1752

HSV Blend

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

0.0%	0.0% #C873A1	RGB 200 115 161	#C873A1
16.7%	16.7% #BE6093	RGB 190 96 147	#BE6093
33.3%	33.3% #B54F85	RGB 181 79 133	#B54F85
50.0%	50.0% #AB3F77	RGB 171 63 119	#AB3F77
66.7%	66.7% #A2306A	RGB 162 48 106	#A2306A
83.3%	83.3% #98235D	RGB 152 35 93	#98235D
100.0%	100.0% #8F1752	RGB 143 23 82	#8F1752

#C873A1 #BE6093 #B54F85 #AB3F77 #A2306A #98235D #8F1752

#C873A2 - #AB3F77 - #8F1752

CSS codes

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

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