#BF9FDA - #6D3A97 | 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 #BF9FDA to #6D3A97

#BF9FDA #6D3A97

Calculate the color between two colors, #BF9FDA and #6D3A97. 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)

#BF9FDA - #6D3A97 | 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 #BF9FDA as 0% and #6D3A97 as 100%.

0.0%	0.0% #BF9FDA	RGB 191 159 218	#BF9FDA
16.7%	16.7% #B18ECE	RGB 177 142 206	#B18ECE
33.3%	33.3% #A37DC3	RGB 163 125 195	#A37DC3
50.0%	50.0% #966CB8	RGB 150 108 184	#966CB8
66.7%	66.7% #885BAD	RGB 136 91 173	#885BAD
83.3%	83.3% #7A4AA2	RGB 122 74 162	#7A4AA2
100.0%	100.0% #6D3A97	RGB 109 58 151	#6D3A97

#BF9FDA #B18ECE #A37DC3 #966CB8 #885BAD #7A4AA2 #6D3A97

#BF9FDA - #6D3A97

HSV Blend

#BF9FDA - #6D3A97 | 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 #BF9FDA as 0% and #6D3A97 as 100%.

0.0%	0.0% #BF9FDA	RGB 191 159 218	#BF9FDA
16.7%	16.7% #AF8ACE	RGB 175 138 206	#AF8ACE
33.3%	33.3% #A178C3	RGB 161 120 195	#A178C3
50.0%	50.0% #9366B8	RGB 147 102 184	#9366B8
66.7%	66.7% #8556AD	RGB 133 86 173	#8556AD
83.3%	83.3% #7947A2	RGB 121 71 162	#7947A2
100.0%	100.0% #6D3A97	RGB 109 58 151	#6D3A97

#BF9FDA #AF8ACE #A178C3 #9366B8 #8556AD #7947A2 #6D3A97

#BF9FDA - #9366B8 - #6D3A97

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BF9FDA 0%, #9366B8 50%, #6D3A97 100%);
    background: -webkit-linear-gradient(top, #BF9FDA 0%, #9366B8 50%, #6D3A97 100%);
    background: linear-gradient(to bottom, #BF9FDA 0%, #9366B8 50%, #6D3A97 100%);
}
</style>