#4D1E3C - #AC5D64 | 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 #4D1E3C to #AC5D64

#4D1E3C #AC5D64

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

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

0.0%	0.0% #4D1E3C	RGB 77 30 60	#4D1E3C
16.7%	16.7% #5C2842	RGB 92 40 66	#5C2842
33.3%	33.3% #6C3349	RGB 108 51 73	#6C3349
50.0%	50.0% #7C3D50	RGB 124 61 80	#7C3D50
66.7%	66.7% #8C4856	RGB 140 72 86	#8C4856
83.3%	83.3% #9C525D	RGB 156 82 93	#9C525D
100.0%	100.0% #AC5D64	RGB 172 93 100	#AC5D64

#4D1E3C #5C2842 #6C3349 #7C3D50 #8C4856 #9C525D #AC5D64

#4D1E3C - #AC5D64

HSV Blend

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

0.0%	0.0% #4D1E3C	RGB 77 30 60	#4D1E3C
16.7%	16.7% #5C2644	RGB 92 38 68	#5C2644
33.3%	33.3% #6C2F4B	RGB 108 47 75	#6C2F4B
50.0%	50.0% #7C3952	RGB 124 57 82	#7C3952
66.7%	66.7% #8C4458	RGB 140 68 88	#8C4458
83.3%	83.3% #9C505E	RGB 156 80 94	#9C505E
100.0%	100.0% #AC5D64	RGB 172 93 100	#AC5D64

#4D1E3C #5C2644 #6C2F4B #7C3952 #8C4458 #9C505E #AC5D64

#4D1E3C - #7C3952 - #AC5D64

CSS codes

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

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