#CF3E99 - #6D104E | 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 #CF3E99 to #6D104E

#CF3E99 #6D104E

Calculate the color between two colors, #CF3E99 and #6D104E. 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)

#CF3E99 - #6D104E | 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 #CF3E99 as 0% and #6D104E as 100%.

0.0%	0.0% #CF3E99	RGB 207 62 153	#CF3E99
16.7%	16.7% #BE368C	RGB 190 54 140	#BE368C
33.3%	33.3% #AE2E80	RGB 174 46 128	#AE2E80
50.0%	50.0% #9E2773	RGB 158 39 115	#9E2773
66.7%	66.7% #8D1F67	RGB 141 31 103	#8D1F67
83.3%	83.3% #7D175A	RGB 125 23 90	#7D175A
100.0%	100.0% #6D104E	RGB 109 16 78	#6D104E

#CF3E99 #BE368C #AE2E80 #9E2773 #8D1F67 #7D175A #6D104E

#CF3E99 - #6D104E

HSV Blend

#CF3E99 - #6D104E | 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 #CF3E99 as 0% and #6D104E as 100%.

0.0%	0.0% #CF3E99	RGB 207 62 153	#CF3E99
16.7%	16.7% #BE348C	RGB 190 52 140	#BE348C
33.3%	33.3% #AE2B7F	RGB 174 43 127	#AE2B7F
50.0%	50.0% #9E2372	RGB 158 35 114	#9E2372
66.7%	66.7% #8D1C66	RGB 141 28 102	#8D1C66
83.3%	83.3% #7D155A	RGB 125 21 90	#7D155A
100.0%	100.0% #6D104E	RGB 109 16 78	#6D104E

#CF3E99 #BE348C #AE2B7F #9E2372 #8D1C66 #7D155A #6D104E

#CF3E99 - #9E2372 - #6D104E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CF3E99 0%, #9E2372 50%, #6D104E 100%);
    background: -webkit-linear-gradient(top, #CF3E99 0%, #9E2372 50%, #6D104E 100%);
    background: linear-gradient(to bottom, #CF3E99 0%, #9E2372 50%, #6D104E 100%);
}
</style>