#4E3856 - #161013 | 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 #4E3856 to #161013

#4E3856 #161013

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

#4E3856 - #161013 | 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 #4E3856 as 0% and #161013 as 100%.

0.0%	0.0% #4E3856	RGB 78 56 86	#4E3856
16.7%	16.7% #44314A	RGB 68 49 74	#44314A
33.3%	33.3% #3B2A3F	RGB 59 42 63	#3B2A3F
50.0%	50.0% #322434	RGB 50 36 52	#322434
66.7%	66.7% #281D29	RGB 40 29 41	#281D29
83.3%	83.3% #1F161E	RGB 31 22 30	#1F161E
100.0%	100.0% #161013	RGB 22 16 19	#161013

#4E3856 #44314A #3B2A3F #322434 #281D29 #1F161E #161013

#4E3856 - #161013

HSV Blend

#4E3856 - #161013 | 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 #4E3856 as 0% and #161013 as 100%.

0.0%	0.0% #4E3856	RGB 78 56 86	#4E3856
16.7%	16.7% #47324B	RGB 71 50 75	#47324B
33.3%	33.3% #402B40	RGB 64 43 64	#402B40
50.0%	50.0% #362534	RGB 54 37 52	#362534
66.7%	66.7% #2B1E28	RGB 43 30 40	#2B1E28
83.3%	83.3% #20171D	RGB 32 23 29	#20171D
100.0%	100.0% #161013	RGB 22 16 19	#161013

#4E3856 #47324B #402B40 #362534 #2B1E28 #20171D #161013

#4E3856 - #362534 - #161013

CSS codes

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

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