#CF72DA - #6B0496 | 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 #CF72DA to #6B0496

#CF72DA #6B0496

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

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

0.0%	0.0% #CF72DA	RGB 207 114 218	#CF72DA
16.7%	16.7% #BE5FCE	RGB 190 95 206	#BE5FCE
33.3%	33.3% #AD4DC3	RGB 173 77 195	#AD4DC3
50.0%	50.0% #9D3BB8	RGB 157 59 184	#9D3BB8
66.7%	66.7% #8C28AC	RGB 140 40 172	#8C28AC
83.3%	83.3% #7B16A1	RGB 123 22 161	#7B16A1
100.0%	100.0% #6B0496	RGB 107 4 150	#6B0496

#CF72DA #BE5FCE #AD4DC3 #9D3BB8 #8C28AC #7B16A1 #6B0496

#CF72DA - #6B0496

HSV Blend

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

0.0%	0.0% #CF72DA	RGB 207 114 218	#CF72DA
16.7%	16.7% #BE5ACE	RGB 190 90 206	#BE5ACE
33.3%	33.3% #AE45C3	RGB 174 69 195	#AE45C3
50.0%	50.0% #9D32B8	RGB 157 50 184	#9D32B8
66.7%	66.7% #8C21AC	RGB 140 33 172	#8C21AC
83.3%	83.3% #7B11A1	RGB 123 17 161	#7B11A1
100.0%	100.0% #6B0496	RGB 107 4 150	#6B0496

#CF72DA #BE5ACE #AE45C3 #9D32B8 #8C21AC #7B11A1 #6B0496

#CF72DA - #9D32B8 - #6B0496

CSS codes

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

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