#4D3E64 - #16111C | 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 #4D3E64 to #16111C

#4D3E64 #16111C

Calculate the color between two colors, #4D3E64 and #16111C. 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)

#4D3E64 - #16111C | 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 #4D3E64 as 0% and #16111C as 100%.

0.0%	0.0% #4D3E64	RGB 77 62 100	#4D3E64
16.7%	16.7% #433658	RGB 67 54 88	#433658
33.3%	33.3% #3A2F4C	RGB 58 47 76	#3A2F4C
50.0%	50.0% #312740	RGB 49 39 64	#312740
66.7%	66.7% #282034	RGB 40 32 52	#282034
83.3%	83.3% #1F1828	RGB 31 24 40	#1F1828
100.0%	100.0% #16111C	RGB 22 17 28	#16111C

#4D3E64 #433658 #3A2F4C #312740 #282034 #1F1828 #16111C

#4D3E64 - #16111C

HSV Blend

#4D3E64 - #16111C | 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 #4D3E64 as 0% and #16111C as 100%.

0.0%	0.0% #4D3E64	RGB 77 62 100	#4D3E64
16.7%	16.7% #433658	RGB 67 54 88	#433658
33.3%	33.3% #3A2E4C	RGB 58 46 76	#3A2E4C
50.0%	50.0% #312740	RGB 49 39 64	#312740
66.7%	66.7% #281F34	RGB 40 31 52	#281F34
83.3%	83.3% #1F1828	RGB 31 24 40	#1F1828
100.0%	100.0% #16111C	RGB 22 17 28	#16111C

#4D3E64 #433658 #3A2E4C #312740 #281F34 #1F1828 #16111C

#4D3E64 - #312740 - #16111C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D3E64 0%, #312740 50%, #16111C 100%);
    background: -webkit-linear-gradient(top, #4D3E64 0%, #312740 50%, #16111C 100%);
    background: linear-gradient(to bottom, #4D3E64 0%, #312740 50%, #16111C 100%);
}
</style>