#4D3E4B - #4C0332 | 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 #4D3E4B to #4C0332

#4D3E4B #4C0332

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

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

0.0%	0.0% #4D3E4B	RGB 77 62 75	#4D3E4B
16.7%	16.7% #4C3446	RGB 76 52 70	#4C3446
33.3%	33.3% #4C2A42	RGB 76 42 66	#4C2A42
50.0%	50.0% #4C203E	RGB 76 32 62	#4C203E
66.7%	66.7% #4C163A	RGB 76 22 58	#4C163A
83.3%	83.3% #4C0C36	RGB 76 12 54	#4C0C36
100.0%	100.0% #4C0332	RGB 76 3 50	#4C0332

#4D3E4B #4C3446 #4C2A42 #4C203E #4C163A #4C0C36 #4C0332

#4D3E4B - #4C0332

HSV Blend

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

0.0%	0.0% #4D3E4B	RGB 77 62 75	#4D3E4B
16.7%	16.7% #4C3448	RGB 76 52 72	#4C3448
33.3%	33.3% #4C2A45	RGB 76 42 69	#4C2A45
50.0%	50.0% #4C2041	RGB 76 32 65	#4C2041
66.7%	66.7% #4C163D	RGB 76 22 61	#4C163D
83.3%	83.3% #4C0C37	RGB 76 12 55	#4C0C37
100.0%	100.0% #4C0332	RGB 76 3 50	#4C0332

#4D3E4B #4C3448 #4C2A45 #4C2041 #4C163D #4C0C37 #4C0332

#4D3E4B - #4C2041 - #4C0332

CSS codes

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

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