#BAA5E0 - #6C3E9F | 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 #BAA5E0 to #6C3E9F

#BAA5E0 #6C3E9F

Calculate the color between two colors, #BAA5E0 and #6C3E9F. 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)

#BAA5E0 - #6C3E9F | 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 #BAA5E0 as 0% and #6C3E9F as 100%.

0.0%	0.0% #BAA5E0	RGB 186 165 224	#BAA5E0
16.7%	16.7% #AD93D5	RGB 173 147 213	#AD93D5
33.3%	33.3% #A082CA	RGB 160 130 202	#A082CA
50.0%	50.0% #9371BF	RGB 147 113 191	#9371BF
66.7%	66.7% #8660B4	RGB 134 96 180	#8660B4
83.3%	83.3% #794FA9	RGB 121 79 169	#794FA9
100.0%	100.0% #6C3E9F	RGB 108 62 159	#6C3E9F

#BAA5E0 #AD93D5 #A082CA #9371BF #8660B4 #794FA9 #6C3E9F

#BAA5E0 - #6C3E9F

HSV Blend

#BAA5E0 - #6C3E9F | 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 #BAA5E0 as 0% and #6C3E9F as 100%.

0.0%	0.0% #BAA5E0	RGB 186 165 224	#BAA5E0
16.7%	16.7% #AA90D5	RGB 170 144 213	#AA90D5
33.3%	33.3% #9B7DCA	RGB 155 125 202	#9B7DCA
50.0%	50.0% #8E6BBF	RGB 142 107 191	#8E6BBF
66.7%	66.7% #825BB4	RGB 130 91 180	#825BB4
83.3%	83.3% #764CA9	RGB 118 76 169	#764CA9
100.0%	100.0% #6C3E9F	RGB 108 62 159	#6C3E9F

#BAA5E0 #AA90D5 #9B7DCA #8E6BBF #825BB4 #764CA9 #6C3E9F

#BAA5E0 - #8E6BBF - #6C3E9F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BAA5E0 0%, #8E6BBF 50%, #6C3E9F 100%);
    background: -webkit-linear-gradient(top, #BAA5E0 0%, #8E6BBF 50%, #6C3E9F 100%);
    background: linear-gradient(to bottom, #BAA5E0 0%, #8E6BBF 50%, #6C3E9F 100%);
}
</style>