#C657B9 - #8A0069 | 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 #C657B9 to #8A0069

#C657B9 #8A0069

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

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

0.0%	0.0% #C657B9	RGB 198 87 185	#C657B9
16.7%	16.7% #BC48AB	RGB 188 72 171	#BC48AB
33.3%	33.3% #B23A9E	RGB 178 58 158	#B23A9E
50.0%	50.0% #A82B91	RGB 168 43 145	#A82B91
66.7%	66.7% #9E1C83	RGB 158 28 131	#9E1C83
83.3%	83.3% #940E76	RGB 148 14 118	#940E76
100.0%	100.0% #8A0069	RGB 138 0 105	#8A0069

#C657B9 #BC48AB #B23A9E #A82B91 #9E1C83 #940E76 #8A0069

#C657B9 - #8A0069

HSV Blend

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

0.0%	0.0% #C657B9	RGB 198 87 185	#C657B9
16.7%	16.7% #BC44AB	RGB 188 68 171	#BC44AB
33.3%	33.3% #B2349E	RGB 178 52 158	#B2349E
50.0%	50.0% #A82490	RGB 168 36 144	#A82490
66.7%	66.7% #9E1783	RGB 158 23 131	#9E1783
83.3%	83.3% #940A75	RGB 148 10 117	#940A75
100.0%	100.0% #8A0069	RGB 138 0 105	#8A0069

#C657B9 #BC44AB #B2349E #A82490 #9E1783 #940A75 #8A0069

#C657B9 - #A82490 - #8A0069

CSS codes

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

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