#CAC3E8 - #8161AC | 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 #CAC3E8 to #8161AC

#CAC3E8 #8161AC

Calculate the color between two colors, #CAC3E8 and #8161AC. 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)

#CAC3E8 - #8161AC | 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 #CAC3E8 as 0% and #8161AC as 100%.

0.0%	0.0% #CAC3E8	RGB 202 195 232	#CAC3E8
16.7%	16.7% #BDB2DE	RGB 189 178 222	#BDB2DE
33.3%	33.3% #B1A2D4	RGB 177 162 212	#B1A2D4
50.0%	50.0% #A592CA	RGB 165 146 202	#A592CA
66.7%	66.7% #9981C0	RGB 153 129 192	#9981C0
83.3%	83.3% #8D71B6	RGB 141 113 182	#8D71B6
100.0%	100.0% #8161AC	RGB 129 97 172	#8161AC

#CAC3E8 #BDB2DE #B1A2D4 #A592CA #9981C0 #8D71B6 #8161AC

#CAC3E8 - #8161AC

HSV Blend

#CAC3E8 - #8161AC | 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 #CAC3E8 as 0% and #8161AC as 100%.

0.0%	0.0% #CAC3E8	RGB 202 195 232	#CAC3E8
16.7%	16.7% #BAB0DE	RGB 186 176 222	#BAB0DE
33.3%	33.3% #AC9ED4	RGB 172 158 212	#AC9ED4
50.0%	50.0% #A08DCA	RGB 160 141 202	#A08DCA
66.7%	66.7% #947DC0	RGB 148 125 192	#947DC0
83.3%	83.3% #8A6FB6	RGB 138 111 182	#8A6FB6
100.0%	100.0% #8161AC	RGB 129 97 172	#8161AC

#CAC3E8 #BAB0DE #AC9ED4 #A08DCA #947DC0 #8A6FB6 #8161AC

#CAC3E8 - #A08DCA - #8161AC

CSS codes

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

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