#BAA0C5 - #8D4AA8 | 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 #BAA0C5 to #8D4AA8

#BAA0C5 #8D4AA8

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

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

0.0%	0.0% #BAA0C5	RGB 186 160 197	#BAA0C5
16.7%	16.7% #B291C0	RGB 178 145 192	#B291C0
33.3%	33.3% #AB83BB	RGB 171 131 187	#AB83BB
50.0%	50.0% #A375B6	RGB 163 117 182	#A375B6
66.7%	66.7% #9C66B1	RGB 156 102 177	#9C66B1
83.3%	83.3% #9458AC	RGB 148 88 172	#9458AC
100.0%	100.0% #8D4AA8	RGB 141 74 168	#8D4AA8

#BAA0C5 #B291C0 #AB83BB #A375B6 #9C66B1 #9458AC #8D4AA8

#BAA0C5 - #8D4AA8

HSV Blend

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

0.0%	0.0% #BAA0C5	RGB 186 160 197	#BAA0C5
16.7%	16.7% #B190C0	RGB 177 144 192	#B190C0
33.3%	33.3% #AA80BB	RGB 170 128 187	#AA80BB
50.0%	50.0% #A272B6	RGB 162 114 182	#A272B6
66.7%	66.7% #9B64B1	RGB 155 100 177	#9B64B1
83.3%	83.3% #9356AC	RGB 147 86 172	#9356AC
100.0%	100.0% #8D4AA8	RGB 141 74 168	#8D4AA8

#BAA0C5 #B190C0 #AA80BB #A272B6 #9B64B1 #9356AC #8D4AA8

#BAA0C5 - #A272B6 - #8D4AA8

CSS codes

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

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