#4D143C - #A55065 | 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 #4D143C to #A55065

#4D143C #A55065

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

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

0.0%	0.0% #4D143C	RGB 77 20 60	#4D143C
16.7%	16.7% #5B1E42	RGB 91 30 66	#5B1E42
33.3%	33.3% #6A2849	RGB 106 40 73	#6A2849
50.0%	50.0% #793250	RGB 121 50 80	#793250
66.7%	66.7% #873C57	RGB 135 60 87	#873C57
83.3%	83.3% #96465E	RGB 150 70 94	#96465E
100.0%	100.0% #A55065	RGB 165 80 101	#A55065

#4D143C #5B1E42 #6A2849 #793250 #873C57 #96465E #A55065

#4D143C - #A55065

HSV Blend

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

0.0%	0.0% #4D133C	RGB 77 19 60	#4D133C
16.7%	16.7% #5B1B43	RGB 91 27 67	#5B1B43
33.3%	33.3% #6A234A	RGB 106 35 74	#6A234A
50.0%	50.0% #792D51	RGB 121 45 81	#792D51
66.7%	66.7% #873757	RGB 135 55 87	#873757
83.3%	83.3% #96435E	RGB 150 67 94	#96435E
100.0%	100.0% #A55065	RGB 165 80 101	#A55065

#4D133C #5B1B43 #6A234A #792D51 #873757 #96435E #A55065

#4D143C - #792D51 - #A55065

CSS codes

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

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