#CF6DB2 - #960863 | 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 #CF6DB2 to #960863

#CF6DB2 #960863

Calculate the color between two colors, #CF6DB2 and #960863. 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)

#CF6DB2 - #960863 | 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 #CF6DB2 as 0% and #960863 as 100%.

0.0%	0.0% #CF6DB2	RGB 207 109 178	#CF6DB2
16.7%	16.7% #C55CA4	RGB 197 92 164	#C55CA4
33.3%	33.3% #BC4B97	RGB 188 75 151	#BC4B97
50.0%	50.0% #B23A8A	RGB 178 58 138	#B23A8A
66.7%	66.7% #A9297D	RGB 169 41 125	#A9297D
83.3%	83.3% #9F1870	RGB 159 24 112	#9F1870
100.0%	100.0% #960863	RGB 150 8 99	#960863

#CF6DB2 #C55CA4 #BC4B97 #B23A8A #A9297D #9F1870 #960863

#CF6DB2 - #960863

HSV Blend

#CF6DB2 - #960863 | 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 #CF6DB2 as 0% and #960863 as 100%.

0.0%	0.0% #CF6DB2	RGB 207 109 178	#CF6DB2
16.7%	16.7% #C558A4	RGB 197 88 164	#C558A4
33.3%	33.3% #BC4596	RGB 188 69 150	#BC4596
50.0%	50.0% #B23388	RGB 178 51 136	#B23388
66.7%	66.7% #A9237B	RGB 169 35 123	#A9237B
83.3%	83.3% #9F156F	RGB 159 21 111	#9F156F
100.0%	100.0% #960863	RGB 150 8 99	#960863

#CF6DB2 #C558A4 #BC4596 #B23388 #A9237B #9F156F #960863

#CF6DB2 - #B23388 - #960863

CSS codes

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

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