#3E2B8C - #B17BB5 | 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 #3E2B8C to #B17BB5

#3E2B8C #B17BB5

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

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

0.0%	0.0% #3E2B8C	RGB 62 43 140	#3E2B8C
16.7%	16.7% #513892	RGB 81 56 146	#513892
33.3%	33.3% #644599	RGB 100 69 153	#644599
50.0%	50.0% #7753A0	RGB 119 83 160	#7753A0
66.7%	66.7% #8A60A7	RGB 138 96 167	#8A60A7
83.3%	83.3% #9D6DAE	RGB 157 109 174	#9D6DAE
100.0%	100.0% #B17BB5	RGB 177 123 181	#B17BB5

#3E2B8C #513892 #644599 #7753A0 #8A60A7 #9D6DAE #B17BB5

#3E2B8C - #B17BB5

HSV Blend

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

0.0%	0.0% #3E2B8C	RGB 62 43 140	#3E2B8C
16.7%	16.7% #533692	RGB 83 54 146	#533692
33.3%	33.3% #684299	RGB 104 66 153	#684299
50.0%	50.0% #7D4FA0	RGB 125 79 160	#7D4FA0
66.7%	66.7% #8F5CA7	RGB 143 92 167	#8F5CA7
83.3%	83.3% #A16BAE	RGB 161 107 174	#A16BAE
100.0%	100.0% #B17BB5	RGB 177 123 181	#B17BB5

#3E2B8C #533692 #684299 #7D4FA0 #8F5CA7 #A16BAE #B17BB5

#3E2B8C - #7D4FA0 - #B17BB5

CSS codes

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

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