#4D2E5E - #170B15 | 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 #4D2E5E to #170B15

#4D2E5E #170B15

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

#4D2E5E - #170B15 | 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 #4D2E5E as 0% and #170B15 as 100%.

0.0%	0.0% #4D2E5E	RGB 77 46 94	#4D2E5E
16.7%	16.7% #442851	RGB 68 40 81	#442851
33.3%	33.3% #3B2245	RGB 59 34 69	#3B2245
50.0%	50.0% #321C39	RGB 50 28 57	#321C39
66.7%	66.7% #29162D	RGB 41 22 45	#29162D
83.3%	83.3% #201021	RGB 32 16 33	#201021
100.0%	100.0% #170B15	RGB 23 11 21	#170B15

#4D2E5E #442851 #3B2245 #321C39 #29162D #201021 #170B15

#4D2E5E - #170B15

HSV Blend

#4D2E5E - #170B15 | 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 #4D2E5E as 0% and #170B15 as 100%.

0.0%	0.0% #4D2E5E	RGB 77 46 94	#4D2E5E
16.7%	16.7% #462852	RGB 70 40 82	#462852
33.3%	33.3% #3F2246	RGB 63 34 70	#3F2246
50.0%	50.0% #371C3A	RGB 55 28 58	#371C3A
66.7%	66.7% #2E162E	RGB 46 22 46	#2E162E
83.3%	83.3% #221021	RGB 34 16 33	#221021
100.0%	100.0% #170B15	RGB 23 11 21	#170B15

#4D2E5E #462852 #3F2246 #371C3A #2E162E #221021 #170B15

#4D2E5E - #371C3A - #170B15

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D2E5E 0%, #371C3A 50%, #170B15 100%);
    background: -webkit-linear-gradient(top, #4D2E5E 0%, #371C3A 50%, #170B15 100%);
    background: linear-gradient(to bottom, #4D2E5E 0%, #371C3A 50%, #170B15 100%);
}
</style>