#CF6DB8 - #97056A | 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 #CF6DB8 to #97056A

#CF6DB8 #97056A

Calculate the color between two colors, #CF6DB8 and #97056A. 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)

#CF6DB8 - #97056A | 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 #CF6DB8 as 0% and #97056A as 100%.

0.0%	0.0% #CF6DB8	RGB 207 109 184	#CF6DB8
16.7%	16.7% #C55BAB	RGB 197 91 171	#C55BAB
33.3%	33.3% #BC4A9E	RGB 188 74 158	#BC4A9E
50.0%	50.0% #B33991	RGB 179 57 145	#B33991
66.7%	66.7% #A92784	RGB 169 39 132	#A92784
83.3%	83.3% #A01677	RGB 160 22 119	#A01677
100.0%	100.0% #97056A	RGB 151 5 106	#97056A

#CF6DB8 #C55BAB #BC4A9E #B33991 #A92784 #A01677 #97056A

#CF6DB8 - #97056A

HSV Blend

#CF6DB8 - #97056A | 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 #CF6DB8 as 0% and #97056A as 100%.

0.0%	0.0% #CF6DB8	RGB 207 109 184	#CF6DB8
16.7%	16.7% #C557AA	RGB 197 87 170	#C557AA
33.3%	33.3% #BC449D	RGB 188 68 157	#BC449D
50.0%	50.0% #B33290	RGB 179 50 144	#B33290
66.7%	66.7% #A92183	RGB 169 33 131	#A92183
83.3%	83.3% #A01276	RGB 160 18 118	#A01276
100.0%	100.0% #97056A	RGB 151 5 106	#97056A

#CF6DB8 #C557AA #BC449D #B33290 #A92183 #A01276 #97056A

#CF6DB8 - #B33290 - #97056A

CSS codes

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

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