#160428 - #482E5E | 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 #160428 to #482E5E

#160428 #482E5E

Calculate the color between two colors, #160428 and #482E5E. 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)

#160428 - #482E5E | 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 #160428 as 0% and #482E5E as 100%.

0.0%	0.0% #160428	RGB 22 4 40	#160428
16.7%	16.7% #1E0B31	RGB 30 11 49	#1E0B31
33.3%	33.3% #26123A	RGB 38 18 58	#26123A
50.0%	50.0% #2F1943	RGB 47 25 67	#2F1943
66.7%	66.7% #37204C	RGB 55 32 76	#37204C
83.3%	83.3% #3F2755	RGB 63 39 85	#3F2755
100.0%	100.0% #482E5E	RGB 72 46 94	#482E5E

#160428 #1E0B31 #26123A #2F1943 #37204C #3F2755 #482E5E

#160428 - #482E5E

HSV Blend

#160428 - #482E5E | 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 #160428 as 0% and #482E5E as 100%.

0.0%	0.0% #160428	RGB 22 4 40	#160428
16.7%	16.7% #1C0831	RGB 28 8 49	#1C0831
33.3%	33.3% #240D3A	RGB 36 13 58	#240D3A
50.0%	50.0% #2C1343	RGB 44 19 67	#2C1343
66.7%	66.7% #351B4C	RGB 53 27 76	#351B4C
83.3%	83.3% #3E2455	RGB 62 36 85	#3E2455
100.0%	100.0% #482E5E	RGB 72 46 94	#482E5E

#160428 #1C0831 #240D3A #2C1343 #351B4C #3E2455 #482E5E

#160428 - #2C1343 - #482E5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #160428 0%, #2C1343 50%, #482E5E 100%);
    background: -webkit-linear-gradient(top, #160428 0%, #2C1343 50%, #482E5E 100%);
    background: linear-gradient(to bottom, #160428 0%, #2C1343 50%, #482E5E 100%);
}
</style>