#7E2B8C - #BF47FF | 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 #7E2B8C to #BF47FF

#7E2B8C #BF47FF

Calculate the color between two colors, #7E2B8C and #BF47FF. 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)

#7E2B8C - #BF47FF | 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 #7E2B8C as 0% and #BF47FF as 100%.

0.0%	0.0% #7E2B8C	RGB 126 43 140	#7E2B8C
16.7%	16.7% #882F9F	RGB 136 47 159	#882F9F
33.3%	33.3% #9334B2	RGB 147 52 178	#9334B2
50.0%	50.0% #9E39C5	RGB 158 57 197	#9E39C5
66.7%	66.7% #A93DD8	RGB 169 61 216	#A93DD8
83.3%	83.3% #B442EB	RGB 180 66 235	#B442EB
100.0%	100.0% #BF47FF	RGB 191 71 255	#BF47FF

#7E2B8C #882F9F #9334B2 #9E39C5 #A93DD8 #B442EB #BF47FF

#7E2B8C - #BF47FF

HSV Blend

#7E2B8C - #BF47FF | 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 #7E2B8C as 0% and #BF47FF as 100%.

0.0%	0.0% #7E2B8C	RGB 126 43 140	#7E2B8C
16.7%	16.7% #8B309F	RGB 139 48 159	#8B309F
33.3%	33.3% #9735B2	RGB 151 53 178	#9735B2
50.0%	50.0% #A339C5	RGB 163 57 197	#A339C5
66.7%	66.7% #AD3ED8	RGB 173 62 216	#AD3ED8
83.3%	83.3% #B642EB	RGB 182 66 235	#B642EB
100.0%	100.0% #BF47FF	RGB 191 71 255	#BF47FF

#7E2B8C #8B309F #9735B2 #A339C5 #AD3ED8 #B642EB #BF47FF

#7E2B8C - #A339C5 - #BF47FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E2B8C 0%, #A339C5 50%, #BF47FF 100%);
    background: -webkit-linear-gradient(top, #7E2B8C 0%, #A339C5 50%, #BF47FF 100%);
    background: linear-gradient(to bottom, #7E2B8C 0%, #A339C5 50%, #BF47FF 100%);
}
</style>