#4B3EB6 - #BD97DA | 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 #4B3EB6 to #BD97DA

#4B3EB6 #BD97DA

Calculate the color between two colors, #4B3EB6 and #BD97DA. 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)

#4B3EB6 - #BD97DA | 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 #4B3EB6 as 0% and #BD97DA as 100%.

0.0%	0.0% #4B3EB6	RGB 75 62 182	#4B3EB6
16.7%	16.7% #5E4CBC	RGB 94 76 188	#5E4CBC
33.3%	33.3% #715BC2	RGB 113 91 194	#715BC2
50.0%	50.0% #846AC8	RGB 132 106 200	#846AC8
66.7%	66.7% #9779CE	RGB 151 121 206	#9779CE
83.3%	83.3% #AA88D4	RGB 170 136 212	#AA88D4
100.0%	100.0% #BD97DA	RGB 189 151 218	#BD97DA

#4B3EB6 #5E4CBC #715BC2 #846AC8 #9779CE #AA88D4 #BD97DA

#4B3EB6 - #BD97DA

HSV Blend

#4B3EB6 - #BD97DA | 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 #4B3EB6 as 0% and #BD97DA as 100%.

0.0%	0.0% #4B3EB6	RGB 75 62 182	#4B3EB6
16.7%	16.7% #5F4BBC	RGB 95 75 188	#5F4BBC
33.3%	33.3% #7458C2	RGB 116 88 194	#7458C2
50.0%	50.0% #8767C8	RGB 135 103 200	#8767C8
66.7%	66.7% #9A76CE	RGB 154 118 206	#9A76CE
83.3%	83.3% #AC86D4	RGB 172 134 212	#AC86D4
100.0%	100.0% #BD97DA	RGB 189 151 218	#BD97DA

#4B3EB6 #5F4BBC #7458C2 #8767C8 #9A76CE #AC86D4 #BD97DA

#4B3EB6 - #8767C8 - #BD97DA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B3EB6 0%, #8767C8 50%, #BD97DA 100%);
    background: -webkit-linear-gradient(top, #4B3EB6 0%, #8767C8 50%, #BD97DA 100%);
    background: linear-gradient(to bottom, #4B3EB6 0%, #8767C8 50%, #BD97DA 100%);
}
</style>