#CF4DB5 - #8C0066 | 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 #CF4DB5 to #8C0066

#CF4DB5 #8C0066

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

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

0.0%	0.0% #CF4DB5	RGB 207 77 181	#CF4DB5
16.7%	16.7% #C340A7	RGB 195 64 167	#C340A7
33.3%	33.3% #B8339A	RGB 184 51 154	#B8339A
50.0%	50.0% #AD268D	RGB 173 38 141	#AD268D
66.7%	66.7% #A21980	RGB 162 25 128	#A21980
83.3%	83.3% #970C73	RGB 151 12 115	#970C73
100.0%	100.0% #8C0066	RGB 140 0 102	#8C0066

#CF4DB5 #C340A7 #B8339A #AD268D #A21980 #970C73 #8C0066

#CF4DB5 - #8C0066

HSV Blend

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

0.0%	0.0% #CF4DB5	RGB 207 77 181	#CF4DB5
16.7%	16.7% #C33CA7	RGB 195 60 167	#C33CA7
33.3%	33.3% #B82D99	RGB 184 45 153	#B82D99
50.0%	50.0% #AD208C	RGB 173 32 140	#AD208C
66.7%	66.7% #A2147F	RGB 162 20 127	#A2147F
83.3%	83.3% #970972	RGB 151 9 114	#970972
100.0%	100.0% #8C0066	RGB 140 0 102	#8C0066

#CF4DB5 #C33CA7 #B82D99 #AD208C #A2147F #970972 #8C0066

#CF4DB5 - #AD208C - #8C0066

CSS codes

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

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