#CAC8DD - #8275AC | 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 #CAC8DD to #8275AC

#CAC8DD #8275AC

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

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

0.0%	0.0% #CAC8DD	RGB 202 200 221	#CAC8DD
16.7%	16.7% #BEBAD4	RGB 190 186 212	#BEBAD4
33.3%	33.3% #B2ACCC	RGB 178 172 204	#B2ACCC
50.0%	50.0% #A69EC4	RGB 166 158 196	#A69EC4
66.7%	66.7% #9A90BC	RGB 154 144 188	#9A90BC
83.3%	83.3% #8E82B4	RGB 142 130 180	#8E82B4
100.0%	100.0% #8275AC	RGB 130 117 172	#8275AC

#CAC8DD #BEBAD4 #B2ACCC #A69EC4 #9A90BC #8E82B4 #8275AC

#CAC8DD - #8275AC

HSV Blend

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

0.0%	0.0% #CAC8DD	RGB 202 200 221	#CAC8DD
16.7%	16.7% #BBB8D4	RGB 187 184 212	#BBB8D4
33.3%	33.3% #AEA9CC	RGB 174 169 204	#AEA9CC
50.0%	50.0% #A29BC4	RGB 162 155 196	#A29BC4
66.7%	66.7% #968EBC	RGB 150 142 188	#968EBC
83.3%	83.3% #8C81B4	RGB 140 129 180	#8C81B4
100.0%	100.0% #8275AC	RGB 130 117 172	#8275AC

#CAC8DD #BBB8D4 #AEA9CC #A29BC4 #968EBC #8C81B4 #8275AC

#CAC8DD - #A29BC4 - #8275AC

CSS codes

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

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