#8D6DA3 - #B8AEB5 | 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 #8D6DA3 to #B8AEB5

#8D6DA3 #B8AEB5

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

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

0.0%	0.0% #8D6DA3	RGB 141 109 163	#8D6DA3
16.7%	16.7% #9477A6	RGB 148 119 166	#9477A6
33.3%	33.3% #9B82A9	RGB 155 130 169	#9B82A9
50.0%	50.0% #A28DAC	RGB 162 141 172	#A28DAC
66.7%	66.7% #A998AF	RGB 169 152 175	#A998AF
83.3%	83.3% #B0A3B2	RGB 176 163 178	#B0A3B2
100.0%	100.0% #B8AEB5	RGB 184 174 181	#B8AEB5

#8D6DA3 #9477A6 #9B82A9 #A28DAC #A998AF #B0A3B2 #B8AEB5

#8D6DA3 - #B8AEB5

HSV Blend

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

0.0%	0.0% #8D6DA3	RGB 141 109 163	#8D6DA3
16.7%	16.7% #9877A6	RGB 152 119 166	#9877A6
33.3%	33.3% #A381AA	RGB 163 129 170	#A381AA
50.0%	50.0% #AB8CAD	RGB 171 140 173	#AB8CAD
66.7%	66.7% #B197AF	RGB 177 151 175	#B197AF
83.3%	83.3% #B4A2B1	RGB 180 162 177	#B4A2B1
100.0%	100.0% #B8AEB5	RGB 184 174 181	#B8AEB5

#8D6DA3 #9877A6 #A381AA #AB8CAD #B197AF #B4A2B1 #B8AEB5

#8D6DA3 - #AB8CAD - #B8AEB5

CSS codes

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

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