#CAC9D9 - #8E6D9F | 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 #CAC9D9 to #8E6D9F

#CAC9D9 #8E6D9F

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

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

0.0%	0.0% #CAC9D9	RGB 202 201 217	#CAC9D9
16.7%	16.7% #C0B9CF	RGB 192 185 207	#C0B9CF
33.3%	33.3% #B6AAC5	RGB 182 170 197	#B6AAC5
50.0%	50.0% #AC9BBC	RGB 172 155 188	#AC9BBC
66.7%	66.7% #A28BB2	RGB 162 139 178	#A28BB2
83.3%	83.3% #987CA8	RGB 152 124 168	#987CA8
100.0%	100.0% #8E6D9F	RGB 142 109 159	#8E6D9F

#CAC9D9 #C0B9CF #B6AAC5 #AC9BBC #A28BB2 #987CA8 #8E6D9F

#CAC9D9 - #8E6D9F

HSV Blend

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

0.0%	0.0% #CAC9D9	RGB 202 201 217	#CAC9D9
16.7%	16.7% #BBB7CF	RGB 187 183 207	#BBB7CF
33.3%	33.3% #AFA7C5	RGB 175 167 197	#AFA7C5
50.0%	50.0% #A497BC	RGB 164 151 188	#A497BC
66.7%	66.7% #9B88B2	RGB 155 136 178	#9B88B2
83.3%	83.3% #947AA8	RGB 148 122 168	#947AA8
100.0%	100.0% #8E6D9F	RGB 142 109 159	#8E6D9F

#CAC9D9 #BBB7CF #AFA7C5 #A497BC #9B88B2 #947AA8 #8E6D9F

#CAC9D9 - #A497BC - #8E6D9F

CSS codes

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

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