#C6A8D5 - #9743AA | 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 #C6A8D5 to #9743AA

#C6A8D5 #9743AA

Calculate the color between two colors, #C6A8D5 and #9743AA. 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)

#C6A8D5 - #9743AA | 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 #C6A8D5 as 0% and #9743AA as 100%.

0.0%	0.0% #C6A8D5	RGB 198 168 213	#C6A8D5
16.7%	16.7% #BE97CD	RGB 190 151 205	#BE97CD
33.3%	33.3% #B686C6	RGB 182 134 198	#B686C6
50.0%	50.0% #AE75BF	RGB 174 117 191	#AE75BF
66.7%	66.7% #A664B8	RGB 166 100 184	#A664B8
83.3%	83.3% #9E53B1	RGB 158 83 177	#9E53B1
100.0%	100.0% #9743AA	RGB 151 67 170	#9743AA

#C6A8D5 #BE97CD #B686C6 #AE75BF #A664B8 #9E53B1 #9743AA

#C6A8D5 - #9743AA

HSV Blend

#C6A8D5 - #9743AA | 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 #C6A8D5 as 0% and #9743AA as 100%.

0.0%	0.0% #C6A8D5	RGB 198 168 213	#C6A8D5
16.7%	16.7% #BC94CD	RGB 188 148 205	#BC94CD
33.3%	33.3% #B382C6	RGB 179 130 198	#B382C6
50.0%	50.0% #AB71BF	RGB 171 113 191	#AB71BF
66.7%	66.7% #A360B8	RGB 163 96 184	#A360B8
83.3%	83.3% #9D51B1	RGB 157 81 177	#9D51B1
100.0%	100.0% #9743AA	RGB 151 67 170	#9743AA

#C6A8D5 #BC94CD #B382C6 #AB71BF #A360B8 #9D51B1 #9743AA

#C6A8D5 - #AB71BF - #9743AA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C6A8D5 0%, #AB71BF 50%, #9743AA 100%);
    background: -webkit-linear-gradient(top, #C6A8D5 0%, #AB71BF 50%, #9743AA 100%);
    background: linear-gradient(to bottom, #C6A8D5 0%, #AB71BF 50%, #9743AA 100%);
}
</style>