#BAA8C0 - #844487 | 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 #BAA8C0 to #844487

#BAA8C0 #844487

Calculate the color between two colors, #BAA8C0 and #844487. 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)

#BAA8C0 - #844487 | 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 #BAA8C0 as 0% and #844487 as 100%.

0.0%	0.0% #BAA8C0	RGB 186 168 192	#BAA8C0
16.7%	16.7% #B197B6	RGB 177 151 182	#B197B6
33.3%	33.3% #A886AD	RGB 168 134 173	#A886AD
50.0%	50.0% #9F76A3	RGB 159 118 163	#9F76A3
66.7%	66.7% #96659A	RGB 150 101 154	#96659A
83.3%	83.3% #8D5490	RGB 141 84 144	#8D5490
100.0%	100.0% #844487	RGB 132 68 135	#844487

#BAA8C0 #B197B6 #A886AD #9F76A3 #96659A #8D5490 #844487

#BAA8C0 - #844487

HSV Blend

#BAA8C0 - #844487 | 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 #BAA8C0 as 0% and #844487 as 100%.

0.0%	0.0% #BAA8C0	RGB 186 168 192	#BAA8C0
16.7%	16.7% #AF94B6	RGB 175 148 182	#AF94B6
33.3%	33.3% #A581AD	RGB 165 129 173	#A581AD
50.0%	50.0% #9C70A3	RGB 156 112 163	#9C70A3
66.7%	66.7% #93609A	RGB 147 96 154	#93609A
83.3%	83.3% #8B5190	RGB 139 81 144	#8B5190
100.0%	100.0% #844487	RGB 132 68 135	#844487

#BAA8C0 #AF94B6 #A581AD #9C70A3 #93609A #8B5190 #844487

#BAA8C0 - #9C70A3 - #844487

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BAA8C0 0%, #9C70A3 50%, #844487 100%);
    background: -webkit-linear-gradient(top, #BAA8C0 0%, #9C70A3 50%, #844487 100%);
    background: linear-gradient(to bottom, #BAA8C0 0%, #9C70A3 50%, #844487 100%);
}
</style>