#CF6BBC - #97006E | 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 #CF6BBC to #97006E

#CF6BBC #97006E

Calculate the color between two colors, #CF6BBC and #97006E. 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)

#CF6BBC - #97006E | 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 #CF6BBC as 0% and #97006E as 100%.

0.0%	0.0% #CF6BBC	RGB 207 107 188	#CF6BBC
16.7%	16.7% #C559AF	RGB 197 89 175	#C559AF
33.3%	33.3% #BC47A2	RGB 188 71 162	#BC47A2
50.0%	50.0% #B33595	RGB 179 53 149	#B33595
66.7%	66.7% #A92388	RGB 169 35 136	#A92388
83.3%	83.3% #A0117B	RGB 160 17 123	#A0117B
100.0%	100.0% #97006E	RGB 151 0 110	#97006E

#CF6BBC #C559AF #BC47A2 #B33595 #A92388 #A0117B #97006E

#CF6BBC - #97006E

HSV Blend

#CF6BBC - #97006E | 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 #CF6BBC as 0% and #97006E as 100%.

0.0%	0.0% #CF6BBC	RGB 207 107 188	#CF6BBC
16.7%	16.7% #C555AE	RGB 197 85 174	#C555AE
33.3%	33.3% #BC40A1	RGB 188 64 161	#BC40A1
50.0%	50.0% #B32E94	RGB 179 46 148	#B32E94
66.7%	66.7% #A91D87	RGB 169 29 135	#A91D87
83.3%	83.3% #A00D7A	RGB 160 13 122	#A00D7A
100.0%	100.0% #97006E	RGB 151 0 110	#97006E

#CF6BBC #C555AE #BC40A1 #B32E94 #A91D87 #A00D7A #97006E

#CF6BBC - #B32E94 - #97006E

CSS codes

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

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