#CAC3E9 - #8161AE | 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 #CAC3E9 to #8161AE

#CAC3E9 #8161AE

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

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

0.0%	0.0% #CAC3E9	RGB 202 195 233	#CAC3E9
16.7%	16.7% #BDB2DF	RGB 189 178 223	#BDB2DF
33.3%	33.3% #B1A2D5	RGB 177 162 213	#B1A2D5
50.0%	50.0% #A592CB	RGB 165 146 203	#A592CB
66.7%	66.7% #9981C1	RGB 153 129 193	#9981C1
83.3%	83.3% #8D71B7	RGB 141 113 183	#8D71B7
100.0%	100.0% #8161AE	RGB 129 97 174	#8161AE

#CAC3E9 #BDB2DF #B1A2D5 #A592CB #9981C1 #8D71B7 #8161AE

#CAC3E9 - #8161AE

HSV Blend

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

0.0%	0.0% #CAC3E9	RGB 202 195 233	#CAC3E9
16.7%	16.7% #BAB0DF	RGB 186 176 223	#BAB0DF
33.3%	33.3% #AC9ED5	RGB 172 158 213	#AC9ED5
50.0%	50.0% #A08DCB	RGB 160 141 203	#A08DCB
66.7%	66.7% #947EC1	RGB 148 126 193	#947EC1
83.3%	83.3% #8A6FB7	RGB 138 111 183	#8A6FB7
100.0%	100.0% #8161AE	RGB 129 97 174	#8161AE

#CAC3E9 #BAB0DF #AC9ED5 #A08DCB #947EC1 #8A6FB7 #8161AE

#CAC3E9 - #A08DCB - #8161AE

CSS codes

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

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