#7C5E73 - #4D143A | 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 #7C5E73 to #4D143A

#7C5E73 #4D143A

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

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

0.0%	0.0% #7C5E73	RGB 124 94 115	#7C5E73
16.7%	16.7% #745169	RGB 116 81 105	#745169
33.3%	33.3% #6C4560	RGB 108 69 96	#6C4560
50.0%	50.0% #643956	RGB 100 57 86	#643956
66.7%	66.7% #5C2C4D	RGB 92 44 77	#5C2C4D
83.3%	83.3% #542043	RGB 84 32 67	#542043
100.0%	100.0% #4D143A	RGB 77 20 58	#4D143A

#7C5E73 #745169 #6C4560 #643956 #5C2C4D #542043 #4D143A

#7C5E73 - #4D143A

HSV Blend

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

0.0%	0.0% #7C5E73	RGB 124 94 115	#7C5E73
16.7%	16.7% #744E68	RGB 116 78 104	#744E68
33.3%	33.3% #6C405E	RGB 108 64 94	#6C405E
50.0%	50.0% #643354	RGB 100 51 84	#643354
66.7%	66.7% #5C274B	RGB 92 39 75	#5C274B
83.3%	83.3% #541D42	RGB 84 29 66	#541D42
100.0%	100.0% #4D143A	RGB 77 20 58	#4D143A

#7C5E73 #744E68 #6C405E #643354 #5C274B #541D42 #4D143A

#7C5E73 - #643354 - #4D143A

CSS codes

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

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