#4D3C7E - #955BE3 | 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 #4D3C7E to #955BE3

#4D3C7E #955BE3

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

#4D3C7E - #955BE3 | 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 #4D3C7E as 0% and #955BE3 as 100%.

0.0%	0.0% #4D3C7E	RGB 77 60 126	#4D3C7E
16.7%	16.7% #59418E	RGB 89 65 142	#59418E
33.3%	33.3% #65469F	RGB 101 70 159	#65469F
50.0%	50.0% #714BB0	RGB 113 75 176	#714BB0
66.7%	66.7% #7D50C1	RGB 125 80 193	#7D50C1
83.3%	83.3% #8955D2	RGB 137 85 210	#8955D2
100.0%	100.0% #955BE3	RGB 149 91 227	#955BE3

#4D3C7E #59418E #65469F #714BB0 #7D50C1 #8955D2 #955BE3

#4D3C7E - #955BE3

HSV Blend

#4D3C7E - #955BE3 | 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 #4D3C7E as 0% and #955BE3 as 100%.

0.0%	0.0% #4D3C7E	RGB 77 60 126	#4D3C7E
16.7%	16.7% #58428E	RGB 88 66 142	#58428E
33.3%	33.3% #63489F	RGB 99 72 159	#63489F
50.0%	50.0% #6F4DB0	RGB 111 77 176	#6F4DB0
66.7%	66.7% #7B52C1	RGB 123 82 193	#7B52C1
83.3%	83.3% #8756D2	RGB 135 86 210	#8756D2
100.0%	100.0% #955BE3	RGB 149 91 227	#955BE3

#4D3C7E #58428E #63489F #6F4DB0 #7B52C1 #8756D2 #955BE3

#4D3C7E - #6F4DB0 - #955BE3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D3C7E 0%, #6F4DB0 50%, #955BE3 100%);
    background: -webkit-linear-gradient(top, #4D3C7E 0%, #6F4DB0 50%, #955BE3 100%);
    background: linear-gradient(to bottom, #4D3C7E 0%, #6F4DB0 50%, #955BE3 100%);
}
</style>