#BAAFB9 - #8B5A8F | 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 #BAAFB9 to #8B5A8F

#BAAFB9 #8B5A8F

Calculate the color between two colors, #BAAFB9 and #8B5A8F. 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)

#BAAFB9 - #8B5A8F | 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 #BAAFB9 as 0% and #8B5A8F as 100%.

0.0%	0.0% #BAAFB9	RGB 186 175 185	#BAAFB9
16.7%	16.7% #B2A0B2	RGB 178 160 178	#B2A0B2
33.3%	33.3% #AA92AB	RGB 170 146 171	#AA92AB
50.0%	50.0% #A284A4	RGB 162 132 164	#A284A4
66.7%	66.7% #9A769D	RGB 154 118 157	#9A769D
83.3%	83.3% #926896	RGB 146 104 150	#926896
100.0%	100.0% #8B5A8F	RGB 139 90 143	#8B5A8F

#BAAFB9 #B2A0B2 #AA92AB #A284A4 #9A769D #926896 #8B5A8F

#BAAFB9 - #8B5A8F

HSV Blend

#BAAFB9 - #8B5A8F | 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 #BAAFB9 as 0% and #8B5A8F as 100%.

0.0%	0.0% #BAAFB9	RGB 186 175 185	#BAAFB9
16.7%	16.7% #B29EB1	RGB 178 158 177	#B29EB1
33.3%	33.3% #AB8FAA	RGB 171 143 170	#AB8FAA
50.0%	50.0% #A481A4	RGB 164 129 164	#A481A4
66.7%	66.7% #9C739D	RGB 156 115 157	#9C739D
83.3%	83.3% #936696	RGB 147 102 150	#936696
100.0%	100.0% #8B5A8F	RGB 139 90 143	#8B5A8F

#BAAFB9 #B29EB1 #AB8FAA #A481A4 #9C739D #936696 #8B5A8F

#BAAFB9 - #A481A4 - #8B5A8F

CSS codes

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

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