#9F6EC1 - #BAAAD3 | 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 #9F6EC1 to #BAAAD3

#9F6EC1 #BAAAD3

Calculate the color between two colors, #9F6EC1 and #BAAAD3. 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)

#9F6EC1 - #BAAAD3 | 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 #9F6EC1 as 0% and #BAAAD3 as 100%.

0.0%	0.0% #9F6EC1	RGB 159 110 193	#9F6EC1
16.7%	16.7% #A378C4	RGB 163 120 196	#A378C4
33.3%	33.3% #A882C7	RGB 168 130 199	#A882C7
50.0%	50.0% #AC8CCA	RGB 172 140 202	#AC8CCA
66.7%	66.7% #B196CD	RGB 177 150 205	#B196CD
83.3%	83.3% #B5A0D0	RGB 181 160 208	#B5A0D0
100.0%	100.0% #BAAAD3	RGB 186 170 211	#BAAAD3

#9F6EC1 #A378C4 #A882C7 #AC8CCA #B196CD #B5A0D0 #BAAAD3

#9F6EC1 - #BAAAD3

HSV Blend

#9F6EC1 - #BAAAD3 | 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 #9F6EC1 as 0% and #BAAAD3 as 100%.

0.0%	0.0% #9F6EC1	RGB 159 110 193	#9F6EC1
16.7%	16.7% #A277C4	RGB 162 119 196	#A277C4
33.3%	33.3% #A581C7	RGB 165 129 199	#A581C7
50.0%	50.0% #A98ACA	RGB 169 138 202	#A98ACA
66.7%	66.7% #AE95CD	RGB 174 149 205	#AE95CD
83.3%	83.3% #B39FD0	RGB 179 159 208	#B39FD0
100.0%	100.0% #BAAAD3	RGB 186 170 211	#BAAAD3

#9F6EC1 #A277C4 #A581C7 #A98ACA #AE95CD #B39FD0 #BAAAD3

#9F6EC1 - #A98ACA - #BAAAD3

CSS codes

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

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