#BA2CCC - #FF8FDD | 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 #BA2CCC to #FF8FDD

#BA2CCC #FF8FDD

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

#BA2CCC - #FF8FDD | 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 #BA2CCC as 0% and #FF8FDD as 100%.

0.0%	0.0% #BA2CCC	RGB 186 44 204	#BA2CCC
16.7%	16.7% #C53CCE	RGB 197 60 206	#C53CCE
33.3%	33.3% #D14DD1	RGB 209 77 209	#D14DD1
50.0%	50.0% #DC5DD4	RGB 220 93 212	#DC5DD4
66.7%	66.7% #E86ED7	RGB 232 110 215	#E86ED7
83.3%	83.3% #F37EDA	RGB 243 126 218	#F37EDA
100.0%	100.0% #FF8FDD	RGB 255 143 221	#FF8FDD

#BA2CCC #C53CCE #D14DD1 #DC5DD4 #E86ED7 #F37EDA #FF8FDD

#BA2CCC - #FF8FDD

HSV Blend

#BA2CCC - #FF8FDD | 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 #BA2CCC as 0% and #FF8FDD as 100%.

0.0%	0.0% #B92CCC	RGB 185 44 204	#B92CCC
16.7%	16.7% #CD3AD4	RGB 205 58 212	#CD3AD4
33.3%	33.3% #DD49D9	RGB 221 73 217	#DD49D9
50.0%	50.0% #E559D8	RGB 229 89 216	#E559D8
66.7%	66.7% #EE6AD8	RGB 238 106 216	#EE6AD8
83.3%	83.3% #F67CD9	RGB 246 124 217	#F67CD9
100.0%	100.0% #FF8FDD	RGB 255 143 221	#FF8FDD

#B92CCC #CD3AD4 #DD49D9 #E559D8 #EE6AD8 #F67CD9 #FF8FDD

#BA2CCC - #E559D8 - #FF8FDD

CSS codes

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

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