#4D3C5C - #1C0E16 | 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 #4D3C5C to #1C0E16

#4D3C5C #1C0E16

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

#4D3C5C - #1C0E16 | 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 #4D3C5C as 0% and #1C0E16 as 100%.

0.0%	0.0% #4D3C5C	RGB 77 60 92	#4D3C5C
16.7%	16.7% #443450	RGB 68 52 80	#443450
33.3%	33.3% #3C2C44	RGB 60 44 68	#3C2C44
50.0%	50.0% #342539	RGB 52 37 57	#342539
66.7%	66.7% #2C1D2D	RGB 44 29 45	#2C1D2D
83.3%	83.3% #241521	RGB 36 21 33	#241521
100.0%	100.0% #1C0E16	RGB 28 14 22	#1C0E16

#4D3C5C #443450 #3C2C44 #342539 #2C1D2D #241521 #1C0E16

#4D3C5C - #1C0E16

HSV Blend

#4D3C5C - #1C0E16 | 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 #4D3C5C as 0% and #1C0E16 as 100%.

0.0%	0.0% #4C3C5C	RGB 76 60 92	#4C3C5C
16.7%	16.7% #473251	RGB 71 50 81	#473251
33.3%	33.3% #412A46	RGB 65 42 70	#412A46
50.0%	50.0% #3B223C	RGB 59 34 60	#3B223C
66.7%	66.7% #311B2E	RGB 49 27 46	#311B2E
83.3%	83.3% #261421	RGB 38 20 33	#261421
100.0%	100.0% #1C0E16	RGB 28 14 22	#1C0E16

#4C3C5C #473251 #412A46 #3B223C #311B2E #261421 #1C0E16

#4D3C5C - #3B223C - #1C0E16

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C3C5C 0%, #3B223C 50%, #1C0E16 100%);
    background: -webkit-linear-gradient(top, #4C3C5C 0%, #3B223C 50%, #1C0E16 100%);
    background: linear-gradient(to bottom, #4C3C5C 0%, #3B223C 50%, #1C0E16 100%);
}
</style>