#BAA7DA - #352F3E | 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 #BAA7DA to #352F3E

#BAA7DA #352F3E

Calculate the color between two colors, #BAA7DA and #352F3E. 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)

#BAA7DA - #352F3E | 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 #BAA7DA as 0% and #352F3E as 100%.

0.0%	0.0% #BAA7DA	RGB 186 167 218	#BAA7DA
16.7%	16.7% #A393C0	RGB 163 147 192	#A393C0
33.3%	33.3% #8D7FA6	RGB 141 127 166	#8D7FA6
50.0%	50.0% #776B8C	RGB 119 107 140	#776B8C
66.7%	66.7% #615772	RGB 97 87 114	#615772
83.3%	83.3% #4B4358	RGB 75 67 88	#4B4358
100.0%	100.0% #352F3E	RGB 53 47 62	#352F3E

#BAA7DA #A393C0 #8D7FA6 #776B8C #615772 #4B4358 #352F3E

#BAA7DA - #352F3E

HSV Blend

#BAA7DA - #352F3E | 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 #BAA7DA as 0% and #352F3E as 100%.

0.0%	0.0% #BAA7DA	RGB 186 167 218	#BAA7DA
16.7%	16.7% #A392C0	RGB 163 146 192	#A392C0
33.3%	33.3% #8D7EA6	RGB 141 126 166	#8D7EA6
50.0%	50.0% #776A8C	RGB 119 106 140	#776A8C
66.7%	66.7% #615672	RGB 97 86 114	#615672
83.3%	83.3% #4B4258	RGB 75 66 88	#4B4258
100.0%	100.0% #352F3E	RGB 53 47 62	#352F3E

#BAA7DA #A392C0 #8D7EA6 #776A8C #615672 #4B4258 #352F3E

#BAA7DA - #776A8C - #352F3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BAA7DA 0%, #776A8C 50%, #352F3E 100%);
    background: -webkit-linear-gradient(top, #BAA7DA 0%, #776A8C 50%, #352F3E 100%);
    background: linear-gradient(to bottom, #BAA7DA 0%, #776A8C 50%, #352F3E 100%);
}
</style>