#5E2DCB - #BD8AF2 | 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 #5E2DCB to #BD8AF2

#5E2DCB #BD8AF2

Calculate the color between two colors, #5E2DCB and #BD8AF2. 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)

#5E2DCB - #BD8AF2 | 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 #5E2DCB as 0% and #BD8AF2 as 100%.

0.0%	0.0% #5E2DCB	RGB 94 45 203	#5E2DCB
16.7%	16.7% #6D3CD1	RGB 109 60 209	#6D3CD1
33.3%	33.3% #7D4CD8	RGB 125 76 216	#7D4CD8
50.0%	50.0% #8D5BDE	RGB 141 91 222	#8D5BDE
66.7%	66.7% #9D6BE5	RGB 157 107 229	#9D6BE5
83.3%	83.3% #AD7AEB	RGB 173 122 235	#AD7AEB
100.0%	100.0% #BD8AF2	RGB 189 138 242	#BD8AF2

#5E2DCB #6D3CD1 #7D4CD8 #8D5BDE #9D6BE5 #AD7AEB #BD8AF2

#5E2DCB - #BD8AF2

HSV Blend

#5E2DCB - #BD8AF2 | 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 #5E2DCB as 0% and #BD8AF2 as 100%.

0.0%	0.0% #5D2DCB	RGB 93 45 203	#5D2DCB
16.7%	16.7% #6D3AD1	RGB 109 58 209	#6D3AD1
33.3%	33.3% #7D48D8	RGB 125 72 216	#7D48D8
50.0%	50.0% #8D58DE	RGB 141 88 222	#8D58DE
66.7%	66.7% #9D67E5	RGB 157 103 229	#9D67E5
83.3%	83.3% #AD78EB	RGB 173 120 235	#AD78EB
100.0%	100.0% #BD8AF2	RGB 189 138 242	#BD8AF2

#5D2DCB #6D3AD1 #7D48D8 #8D58DE #9D67E5 #AD78EB #BD8AF2

#5E2DCB - #8D58DE - #BD8AF2

CSS codes

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

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