#4D1D5E - #35043E | 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 #4D1D5E to #35043E

#4D1D5E #35043E

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

#4D1D5E - #35043E | 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 #4D1D5E as 0% and #35043E as 100%.

0.0%	0.0% #4D1D5E	RGB 77 29 94	#4D1D5E
16.7%	16.7% #491858	RGB 73 24 88	#491858
33.3%	33.3% #451453	RGB 69 20 83	#451453
50.0%	50.0% #41104E	RGB 65 16 78	#41104E
66.7%	66.7% #3D0C48	RGB 61 12 72	#3D0C48
83.3%	83.3% #390843	RGB 57 8 67	#390843
100.0%	100.0% #35043E	RGB 53 4 62	#35043E

#4D1D5E #491858 #451453 #41104E #3D0C48 #390843 #35043E

#4D1D5E - #35043E

HSV Blend

#4D1D5E - #35043E | 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 #4D1D5E as 0% and #35043E as 100%.

0.0%	0.0% #4D1D5E	RGB 77 29 94	#4D1D5E
16.7%	16.7% #481758	RGB 72 23 88	#481758
33.3%	33.3% #441253	RGB 68 18 83	#441253
50.0%	50.0% #400E4E	RGB 64 14 78	#400E4E
66.7%	66.7% #3C0A48	RGB 60 10 72	#3C0A48
83.3%	83.3% #380743	RGB 56 7 67	#380743
100.0%	100.0% #35043E	RGB 53 4 62	#35043E

#4D1D5E #481758 #441253 #400E4E #3C0A48 #380743 #35043E

#4D1D5E - #400E4E - #35043E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D1D5E 0%, #400E4E 50%, #35043E 100%);
    background: -webkit-linear-gradient(top, #4D1D5E 0%, #400E4E 50%, #35043E 100%);
    background: linear-gradient(to bottom, #4D1D5E 0%, #400E4E 50%, #35043E 100%);
}
</style>