#BAB8B9 - #8C6485 | 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 #BAB8B9 to #8C6485

#BAB8B9 #8C6485

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

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

0.0%	0.0% #BAB8B9	RGB 186 184 185	#BAB8B9
16.7%	16.7% #B2AAB0	RGB 178 170 176	#B2AAB0
33.3%	33.3% #AA9CA7	RGB 170 156 167	#AA9CA7
50.0%	50.0% #A38E9F	RGB 163 142 159	#A38E9F
66.7%	66.7% #9B8096	RGB 155 128 150	#9B8096
83.3%	83.3% #93728D	RGB 147 114 141	#93728D
100.0%	100.0% #8C6485	RGB 140 100 133	#8C6485

#BAB8B9 #B2AAB0 #AA9CA7 #A38E9F #9B8096 #93728D #8C6485

#BAB8B9 - #8C6485

HSV Blend

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

0.0%	0.0% #BAB8B9	RGB 186 184 185	#BAB8B9
16.7%	16.7% #B2A8AD	RGB 178 168 173	#B2A8AD
33.3%	33.3% #AA99A3	RGB 170 153 163	#AA99A3
50.0%	50.0% #A38A9A	RGB 163 138 154	#A38A9A
66.7%	66.7% #9B7D92	RGB 155 125 146	#9B7D92
83.3%	83.3% #93708B	RGB 147 112 139	#93708B
100.0%	100.0% #8C6485	RGB 140 100 133	#8C6485

#BAB8B9 #B2A8AD #AA99A3 #A38A9A #9B7D92 #93708B #8C6485

#BAB8B9 - #A38A9A - #8C6485

CSS codes

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

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