#541A8D - #BB65B0 | 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 #541A8D to #BB65B0

#541A8D #BB65B0

Calculate the color between two colors, #541A8D and #BB65B0. 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)

#541A8D - #BB65B0 | 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 #541A8D as 0% and #BB65B0 as 100%.

0.0%	0.0% #541A8D	RGB 84 26 141	#541A8D
16.7%	16.7% #652692	RGB 101 38 146	#652692
33.3%	33.3% #763398	RGB 118 51 152	#763398
50.0%	50.0% #873F9E	RGB 135 63 158	#873F9E
66.7%	66.7% #984CA4	RGB 152 76 164	#984CA4
83.3%	83.3% #A958AA	RGB 169 88 170	#A958AA
100.0%	100.0% #BB65B0	RGB 187 101 176	#BB65B0

#541A8D #652692 #763398 #873F9E #984CA4 #A958AA #BB65B0

#541A8D - #BB65B0

HSV Blend

#541A8D - #BB65B0 | 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 #541A8D as 0% and #BB65B0 as 100%.

0.0%	0.0% #531A8D	RGB 83 26 141	#531A8D
16.7%	16.7% #682494	RGB 104 36 148	#682494
33.3%	33.3% #7C2F9C	RGB 124 47 156	#7C2F9C
50.0%	50.0% #903BA4	RGB 144 59 164	#903BA4
66.7%	66.7% #A348AB	RGB 163 72 171	#A348AB
83.3%	83.3% #B356B1	RGB 179 86 177	#B356B1
100.0%	100.0% #BB65B0	RGB 187 101 176	#BB65B0

#531A8D #682494 #7C2F9C #903BA4 #A348AB #B356B1 #BB65B0

#541A8D - #903BA4 - #BB65B0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #531A8D 0%, #903BA4 50%, #BB65B0 100%);
    background: -webkit-linear-gradient(top, #531A8D 0%, #903BA4 50%, #BB65B0 100%);
    background: linear-gradient(to bottom, #531A8D 0%, #903BA4 50%, #BB65B0 100%);
}
</style>