#4D4D4D - #170952 | 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 #4D4D4D to #170952

#4D4D4D #170952

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

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

0.0%	0.0% #4D4D4D	RGB 77 77 77	#4D4D4D
16.7%	16.7% #44414D	RGB 68 65 77	#44414D
33.3%	33.3% #3B364E	RGB 59 54 78	#3B364E
50.0%	50.0% #322B4F	RGB 50 43 79	#322B4F
66.7%	66.7% #291F50	RGB 41 31 80	#291F50
83.3%	83.3% #201451	RGB 32 20 81	#201451
100.0%	100.0% #170952	RGB 23 9 82	#170952

#4D4D4D #44414D #3B364E #322B4F #291F50 #201451 #170952

#4D4D4D - #170952

HSV Blend

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

0.0%	0.0% #4D4D4D	RGB 77 77 77	#4D4D4D
16.7%	16.7% #4D4245	RGB 77 66 69	#4D4245
33.3%	33.3% #4E3745	RGB 78 55 69	#4E3745
50.0%	50.0% #4F2C4C	RGB 79 44 76	#4F2C4C
66.7%	66.7% #462050	RGB 70 32 80	#462050
83.3%	83.3% #321451	RGB 50 20 81	#321451
100.0%	100.0% #170952	RGB 23 9 82	#170952

#4D4D4D #4D4245 #4E3745 #4F2C4C #462050 #321451 #170952

#4D4D4D - #4F2C4C - #170952

CSS codes

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

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