#BBA2DA - #352E3E | 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 #BBA2DA to #352E3E

#BBA2DA #352E3E

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

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

0.0%	0.0% #BBA2DA	RGB 187 162 218	#BBA2DA
16.7%	16.7% #A48EC0	RGB 164 142 192	#A48EC0
33.3%	33.3% #8E7BA6	RGB 142 123 166	#8E7BA6
50.0%	50.0% #78688C	RGB 120 104 140	#78688C
66.7%	66.7% #615472	RGB 97 84 114	#615472
83.3%	83.3% #4B4158	RGB 75 65 88	#4B4158
100.0%	100.0% #352E3E	RGB 53 46 62	#352E3E

#BBA2DA #A48EC0 #8E7BA6 #78688C #615472 #4B4158 #352E3E

#BBA2DA - #352E3E

HSV Blend

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

0.0%	0.0% #BBA2DA	RGB 187 162 218	#BBA2DA
16.7%	16.7% #A48EC0	RGB 164 142 192	#A48EC0
33.3%	33.3% #8E7BA6	RGB 142 123 166	#8E7BA6
50.0%	50.0% #77678C	RGB 119 103 140	#77678C
66.7%	66.7% #615472	RGB 97 84 114	#615472
83.3%	83.3% #4B4158	RGB 75 65 88	#4B4158
100.0%	100.0% #352E3E	RGB 53 46 62	#352E3E

#BBA2DA #A48EC0 #8E7BA6 #77678C #615472 #4B4158 #352E3E

#BBA2DA - #77678C - #352E3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BBA2DA 0%, #77678C 50%, #352E3E 100%);
    background: -webkit-linear-gradient(top, #BBA2DA 0%, #77678C 50%, #352E3E 100%);
    background: linear-gradient(to bottom, #BBA2DA 0%, #77678C 50%, #352E3E 100%);
}
</style>