#7B5CD1 - #3A027C | 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 #7B5CD1 to #3A027C

#7B5CD1 #3A027C

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

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

0.0%	0.0% #7B5CD1	RGB 123 92 209	#7B5CD1
16.7%	16.7% #704DC2	RGB 112 77 194	#704DC2
33.3%	33.3% #653EB4	RGB 101 62 180	#653EB4
50.0%	50.0% #5A2FA6	RGB 90 47 166	#5A2FA6
66.7%	66.7% #4F1F98	RGB 79 31 152	#4F1F98
83.3%	83.3% #44118A	RGB 68 17 138	#44118A
100.0%	100.0% #3A027C	RGB 58 2 124	#3A027C

#7B5CD1 #704DC2 #653EB4 #5A2FA6 #4F1F98 #44118A #3A027C

#7B5CD1 - #3A027C

HSV Blend

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

0.0%	0.0% #7B5CD1	RGB 123 92 209	#7B5CD1
16.7%	16.7% #6C47C2	RGB 108 71 194	#6C47C2
33.3%	33.3% #5F35B4	RGB 95 53 180	#5F35B4
50.0%	50.0% #5425A6	RGB 84 37 166	#5425A6
66.7%	66.7% #4A1798	RGB 74 23 152	#4A1798
83.3%	83.3% #410B8A	RGB 65 11 138	#410B8A
100.0%	100.0% #3A027C	RGB 58 2 124	#3A027C

#7B5CD1 #6C47C2 #5F35B4 #5425A6 #4A1798 #410B8A #3A027C

#7B5CD1 - #5425A6 - #3A027C

CSS codes

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

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