#C06ACB - #5D0781 | 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 #C06ACB to #5D0781

#C06ACB #5D0781

Calculate the color between two colors, #C06ACB and #5D0781. 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)

#C06ACB - #5D0781 | 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 #C06ACB as 0% and #5D0781 as 100%.

0.0%	0.0% #C06ACB	RGB 192 106 203	#C06ACB
16.7%	16.7% #AF59BE	RGB 175 89 190	#AF59BE
33.3%	33.3% #9F49B2	RGB 159 73 178	#9F49B2
50.0%	50.0% #8E38A6	RGB 142 56 166	#8E38A6
66.7%	66.7% #7E2899	RGB 126 40 153	#7E2899
83.3%	83.3% #6D178D	RGB 109 23 141	#6D178D
100.0%	100.0% #5D0781	RGB 93 7 129	#5D0781

#C06ACB #AF59BE #9F49B2 #8E38A6 #7E2899 #6D178D #5D0781

#C06ACB - #5D0781

HSV Blend

#C06ACB - #5D0781 | 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 #C06ACB as 0% and #5D0781 as 100%.

0.0%	0.0% #C06ACB	RGB 192 106 203	#C06ACB
16.7%	16.7% #AF54BE	RGB 175 84 190	#AF54BE
33.3%	33.3% #9E41B2	RGB 158 65 178	#9E41B2
50.0%	50.0% #8D2FA6	RGB 141 47 166	#8D2FA6
66.7%	66.7% #7D2099	RGB 125 32 153	#7D2099
83.3%	83.3% #6C128D	RGB 108 18 141	#6C128D
100.0%	100.0% #5D0781	RGB 93 7 129	#5D0781

#C06ACB #AF54BE #9E41B2 #8D2FA6 #7D2099 #6C128D #5D0781

#C06ACB - #8D2FA6 - #5D0781

CSS codes

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

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