#3A2D5E - #7F50C5 | 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 #3A2D5E to #7F50C5

#3A2D5E #7F50C5

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

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

0.0%	0.0% #3A2D5E	RGB 58 45 94	#3A2D5E
16.7%	16.7% #45326F	RGB 69 50 111	#45326F
33.3%	33.3% #513880	RGB 81 56 128	#513880
50.0%	50.0% #5C3E91	RGB 92 62 145	#5C3E91
66.7%	66.7% #6844A2	RGB 104 68 162	#6844A2
83.3%	83.3% #734AB3	RGB 115 74 179	#734AB3
100.0%	100.0% #7F50C5	RGB 127 80 197	#7F50C5

#3A2D5E #45326F #513880 #5C3E91 #6844A2 #734AB3 #7F50C5

#3A2D5E - #7F50C5

HSV Blend

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

0.0%	0.0% #3A2D5E	RGB 58 45 94	#3A2D5E
16.7%	16.7% #44336F	RGB 68 51 111	#44336F
33.3%	33.3% #503A80	RGB 80 58 128	#503A80
50.0%	50.0% #5B4091	RGB 91 64 145	#5B4091
66.7%	66.7% #6745A2	RGB 103 69 162	#6745A2
83.3%	83.3% #724BB3	RGB 114 75 179	#724BB3
100.0%	100.0% #7F50C5	RGB 127 80 197	#7F50C5

#3A2D5E #44336F #503A80 #5B4091 #6745A2 #724BB3 #7F50C5

#3A2D5E - #5B4091 - #7F50C5

CSS codes

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

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