#CA65A2 - #B5BCE3 | 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 #CA65A2 to #B5BCE3

#CA65A2 #B5BCE3

Calculate the color between two colors, #CA65A2 and #B5BCE3. 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)

#CA65A2 - #B5BCE3 | 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 #CA65A2 as 0% and #B5BCE3 as 100%.

0.0%	0.0% #CA65A2	RGB 202 101 162	#CA65A2
16.7%	16.7% #C673AC	RGB 198 115 172	#C673AC
33.3%	33.3% #C382B7	RGB 195 130 183	#C382B7
50.0%	50.0% #BF90C2	RGB 191 144 194	#BF90C2
66.7%	66.7% #BC9FCD	RGB 188 159 205	#BC9FCD
83.3%	83.3% #B8ADD8	RGB 184 173 216	#B8ADD8
100.0%	100.0% #B5BCE3	RGB 181 188 227	#B5BCE3

#CA65A2 #C673AC #C382B7 #BF90C2 #BC9FCD #B8ADD8 #B5BCE3

#CA65A2 - #B5BCE3

HSV Blend

#CA65A2 - #B5BCE3 | 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 #CA65A2 as 0% and #B5BCE3 as 100%.

0.0%	0.0% #CA65A1	RGB 202 101 161	#CA65A1
16.7%	16.7% #CE71C1	RGB 206 113 193	#CE71C1
33.3%	33.3% #C87ED2	RGB 200 126 210	#C87ED2
50.0%	50.0% #BA8BD6	RGB 186 139 214	#BA8BD6
66.7%	66.7% #B098DA	RGB 176 152 218	#B098DA
83.3%	83.3% #ACA6DE	RGB 172 166 222	#ACA6DE
100.0%	100.0% #B5BCE3	RGB 181 188 227	#B5BCE3

#CA65A1 #CE71C1 #C87ED2 #BA8BD6 #B098DA #ACA6DE #B5BCE3

#CA65A2 - #BA8BD6 - #B5BCE3

CSS codes

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

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