#BA1DB3 - #B2B6F3 | 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 #BA1DB3 to #B2B6F3

#BA1DB3 #B2B6F3

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

#BA1DB3 - #B2B6F3 | 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 #BA1DB3 as 0% and #B2B6F3 as 100%.

0.0%	0.0% #BA1DB3	RGB 186 29 179	#BA1DB3
16.7%	16.7% #B836BD	RGB 184 54 189	#B836BD
33.3%	33.3% #B750C8	RGB 183 80 200	#B750C8
50.0%	50.0% #B669D3	RGB 182 105 211	#B669D3
66.7%	66.7% #B483DD	RGB 180 131 221	#B483DD
83.3%	83.3% #B39CE8	RGB 179 156 232	#B39CE8
100.0%	100.0% #B2B6F3	RGB 178 182 243	#B2B6F3

#BA1DB3 #B836BD #B750C8 #B669D3 #B483DD #B39CE8 #B2B6F3

#BA1DB3 - #B2B6F3

HSV Blend

#BA1DB3 - #B2B6F3 | 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 #BA1DB3 as 0% and #B2B6F3 as 100%.

0.0%	0.0% #BA1DB2	RGB 186 29 178	#BA1DB2
16.7%	16.7% #AF31C3	RGB 175 49 195	#AF31C3
33.3%	33.3% #A147CD	RGB 161 71 205	#A147CD
50.0%	50.0% #995FD6	RGB 153 95 214	#995FD6
66.7%	66.7% #9879E0	RGB 152 121 224	#9879E0
83.3%	83.3% #9F94E9	RGB 159 148 233	#9F94E9
100.0%	100.0% #B2B6F3	RGB 178 182 243	#B2B6F3

#BA1DB2 #AF31C3 #A147CD #995FD6 #9879E0 #9F94E9 #B2B6F3

#BA1DB3 - #995FD6 - #B2B6F3

CSS codes

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

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