#C3A8CC - #8F539A | 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 #C3A8CC to #8F539A

#C3A8CC #8F539A

Calculate the color between two colors, #C3A8CC and #8F539A. 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)

#C3A8CC - #8F539A | 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 #C3A8CC as 0% and #8F539A as 100%.

0.0%	0.0% #C3A8CC	RGB 195 168 204	#C3A8CC
16.7%	16.7% #BA99C3	RGB 186 153 195	#BA99C3
33.3%	33.3% #B18BBB	RGB 177 139 187	#B18BBB
50.0%	50.0% #A97DB3	RGB 169 125 179	#A97DB3
66.7%	66.7% #A06FAA	RGB 160 111 170	#A06FAA
83.3%	83.3% #9761A2	RGB 151 97 162	#9761A2
100.0%	100.0% #8F539A	RGB 143 83 154	#8F539A

#C3A8CC #BA99C3 #B18BBB #A97DB3 #A06FAA #9761A2 #8F539A

#C3A8CC - #8F539A

HSV Blend

#C3A8CC - #8F539A | 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 #C3A8CC as 0% and #8F539A as 100%.

0.0%	0.0% #C3A8CC	RGB 195 168 204	#C3A8CC
16.7%	16.7% #B997C3	RGB 185 151 195	#B997C3
33.3%	33.3% #B088BB	RGB 176 136 187	#B088BB
50.0%	50.0% #A779B3	RGB 167 121 179	#A779B3
66.7%	66.7% #9F6CAA	RGB 159 108 170	#9F6CAA
83.3%	83.3% #965FA2	RGB 150 95 162	#965FA2
100.0%	100.0% #8F539A	RGB 143 83 154	#8F539A

#C3A8CC #B997C3 #B088BB #A779B3 #9F6CAA #965FA2 #8F539A

#C3A8CC - #A779B3 - #8F539A

CSS codes

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

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