#8A6D9C - #BAB5B0 | 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 #8A6D9C to #BAB5B0

#8A6D9C #BAB5B0

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

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

0.0%	0.0% #8A6D9C	RGB 138 109 156	#8A6D9C
16.7%	16.7% #92799F	RGB 146 121 159	#92799F
33.3%	33.3% #9A85A2	RGB 154 133 162	#9A85A2
50.0%	50.0% #A291A6	RGB 162 145 166	#A291A6
66.7%	66.7% #AA9DA9	RGB 170 157 169	#AA9DA9
83.3%	83.3% #B2A9AC	RGB 178 169 172	#B2A9AC
100.0%	100.0% #BAB5B0	RGB 186 181 176	#BAB5B0

#8A6D9C #92799F #9A85A2 #A291A6 #AA9DA9 #B2A9AC #BAB5B0

#8A6D9C - #BAB5B0

HSV Blend

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

0.0%	0.0% #8A6D9C	RGB 138 109 156	#8A6D9C
16.7%	16.7% #9E77A1	RGB 158 119 161	#9E77A1
33.3%	33.3% #A6819D	RGB 166 129 157	#A6819D
50.0%	50.0% #AB8C9A	RGB 171 140 154	#AB8C9A
66.7%	66.7% #B0989B	RGB 176 152 155	#B0989B
83.3%	83.3% #B5A7A3	RGB 181 167 163	#B5A7A3
100.0%	100.0% #BAB5B0	RGB 186 181 176	#BAB5B0

#8A6D9C #9E77A1 #A6819D #AB8C9A #B0989B #B5A7A3 #BAB5B0

#8A6D9C - #AB8C9A - #BAB5B0

CSS codes

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

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