#CA8DF3 - #BCAFF2 | 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 #CA8DF3 to #BCAFF2

#CA8DF3 #BCAFF2

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

#CA8DF3 - #BCAFF2 | 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 #CA8DF3 as 0% and #BCAFF2 as 100%.

0.0%	0.0% #CA8DF3	RGB 202 141 243	#CA8DF3
16.7%	16.7% #C792F2	RGB 199 146 242	#C792F2
33.3%	33.3% #C598F2	RGB 197 152 242	#C598F2
50.0%	50.0% #C39EF2	RGB 195 158 242	#C39EF2
66.7%	66.7% #C0A3F2	RGB 192 163 242	#C0A3F2
83.3%	83.3% #BEA9F2	RGB 190 169 242	#BEA9F2
100.0%	100.0% #BCAFF2	RGB 188 175 242	#BCAFF2

#CA8DF3 #C792F2 #C598F2 #C39EF2 #C0A3F2 #BEA9F2 #BCAFF2

#CA8DF3 - #BCAFF2

HSV Blend

#CA8DF3 - #BCAFF2 | 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 #CA8DF3 as 0% and #BCAFF2 as 100%.

0.0%	0.0% #CA8DF3	RGB 202 141 243	#CA8DF3
16.7%	16.7% #C592F2	RGB 197 146 242	#C592F2
33.3%	33.3% #C298F2	RGB 194 152 242	#C298F2
50.0%	50.0% #BF9EF2	RGB 191 158 242	#BF9EF2
66.7%	66.7% #BDA3F2	RGB 189 163 242	#BDA3F2
83.3%	83.3% #BCA9F2	RGB 188 169 242	#BCA9F2
100.0%	100.0% #BCAFF2	RGB 188 175 242	#BCAFF2

#CA8DF3 #C592F2 #C298F2 #BF9EF2 #BDA3F2 #BCA9F2 #BCAFF2

#CA8DF3 - #BF9EF2 - #BCAFF2

CSS codes

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

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