#4D3E4D - #2E033B | 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 #4D3E4D to #2E033B

#4D3E4D #2E033B

Calculate the color between two colors, #4D3E4D and #2E033B. 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)

#4D3E4D - #2E033B | 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 #4D3E4D as 0% and #2E033B as 100%.

0.0%	0.0% #4D3E4D	RGB 77 62 77	#4D3E4D
16.7%	16.7% #47344A	RGB 71 52 74	#47344A
33.3%	33.3% #422A47	RGB 66 42 71	#422A47
50.0%	50.0% #3D2044	RGB 61 32 68	#3D2044
66.7%	66.7% #381641	RGB 56 22 65	#381641
83.3%	83.3% #330C3E	RGB 51 12 62	#330C3E
100.0%	100.0% #2E033B	RGB 46 3 59	#2E033B

#4D3E4D #47344A #422A47 #3D2044 #381641 #330C3E #2E033B

#4D3E4D - #2E033B

HSV Blend

#4D3E4D - #2E033B | 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 #4D3E4D as 0% and #2E033B as 100%.

0.0%	0.0% #4D3E4D	RGB 77 62 77	#4D3E4D
16.7%	16.7% #49324A	RGB 73 50 74	#49324A
33.3%	33.3% #442747	RGB 68 39 71	#442747
50.0%	50.0% #3F1D44	RGB 63 29 68	#3F1D44
66.7%	66.7% #391341	RGB 57 19 65	#391341
83.3%	83.3% #340A3E	RGB 52 10 62	#340A3E
100.0%	100.0% #2E033B	RGB 46 3 59	#2E033B

#4D3E4D #49324A #442747 #3F1D44 #391341 #340A3E #2E033B

#4D3E4D - #3F1D44 - #2E033B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D3E4D 0%, #3F1D44 50%, #2E033B 100%);
    background: -webkit-linear-gradient(top, #4D3E4D 0%, #3F1D44 50%, #2E033B 100%);
    background: linear-gradient(to bottom, #4D3E4D 0%, #3F1D44 50%, #2E033B 100%);
}
</style>