#BF7CDA - #842EB5 | 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 #BF7CDA to #842EB5

#BF7CDA #842EB5

Calculate the color between two colors, #BF7CDA and #842EB5. 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)

#BF7CDA - #842EB5 | 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 #BF7CDA as 0% and #842EB5 as 100%.

0.0%	0.0% #BF7CDA	RGB 191 124 218	#BF7CDA
16.7%	16.7% #B56FD3	RGB 181 111 211	#B56FD3
33.3%	33.3% #AB62CD	RGB 171 98 205	#AB62CD
50.0%	50.0% #A155C7	RGB 161 85 199	#A155C7
66.7%	66.7% #9748C1	RGB 151 72 193	#9748C1
83.3%	83.3% #8D3BBB	RGB 141 59 187	#8D3BBB
100.0%	100.0% #842EB5	RGB 132 46 181	#842EB5

#BF7CDA #B56FD3 #AB62CD #A155C7 #9748C1 #8D3BBB #842EB5

#BF7CDA - #842EB5

HSV Blend

#BF7CDA - #842EB5 | 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 #BF7CDA as 0% and #842EB5 as 100%.

0.0%	0.0% #BE7CDA	RGB 190 124 218	#BE7CDA
16.7%	16.7% #B56DD3	RGB 181 109 211	#B56DD3
33.3%	33.3% #AB5FCD	RGB 171 95 205	#AB5FCD
50.0%	50.0% #A152C7	RGB 161 82 199	#A152C7
66.7%	66.7% #9745C1	RGB 151 69 193	#9745C1
83.3%	83.3% #8D39BB	RGB 141 57 187	#8D39BB
100.0%	100.0% #842EB5	RGB 132 46 181	#842EB5

#BE7CDA #B56DD3 #AB5FCD #A152C7 #9745C1 #8D39BB #842EB5

#BF7CDA - #A152C7 - #842EB5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BE7CDA 0%, #A152C7 50%, #842EB5 100%);
    background: -webkit-linear-gradient(top, #BE7CDA 0%, #A152C7 50%, #842EB5 100%);
    background: linear-gradient(to bottom, #BE7CDA 0%, #A152C7 50%, #842EB5 100%);
}
</style>