#C0A8CF - #6E4A89 | 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 #C0A8CF to #6E4A89

#C0A8CF #6E4A89

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

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

0.0%	0.0% #C0A8CF	RGB 192 168 207	#C0A8CF
16.7%	16.7% #B298C3	RGB 178 152 195	#B298C3
33.3%	33.3% #A488B7	RGB 164 136 183	#A488B7
50.0%	50.0% #9779AC	RGB 151 121 172	#9779AC
66.7%	66.7% #8969A0	RGB 137 105 160	#8969A0
83.3%	83.3% #7B5994	RGB 123 89 148	#7B5994
100.0%	100.0% #6E4A89	RGB 110 74 137	#6E4A89

#C0A8CF #B298C3 #A488B7 #9779AC #8969A0 #7B5994 #6E4A89

#C0A8CF - #6E4A89

HSV Blend

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

0.0%	0.0% #C0A8CF	RGB 192 168 207	#C0A8CF
16.7%	16.7% #B195C3	RGB 177 149 195	#B195C3
33.3%	33.3% #A384B7	RGB 163 132 183	#A384B7
50.0%	50.0% #9574AC	RGB 149 116 172	#9574AC
66.7%	66.7% #8765A0	RGB 135 101 160	#8765A0
83.3%	83.3% #7A5794	RGB 122 87 148	#7A5794
100.0%	100.0% #6E4A89	RGB 110 74 137	#6E4A89

#C0A8CF #B195C3 #A384B7 #9574AC #8765A0 #7A5794 #6E4A89

#C0A8CF - #9574AC - #6E4A89

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0A8CF 0%, #9574AC 50%, #6E4A89 100%);
    background: -webkit-linear-gradient(top, #C0A8CF 0%, #9574AC 50%, #6E4A89 100%);
    background: linear-gradient(to bottom, #C0A8CF 0%, #9574AC 50%, #6E4A89 100%);
}
</style>