#3A2D4A - #16080D | 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 #3A2D4A to #16080D

#3A2D4A #16080D

Calculate the color between two colors, #3A2D4A and #16080D. 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)

#3A2D4A - #16080D | 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 #3A2D4A as 0% and #16080D as 100%.

0.0%	0.0% #3A2D4A	RGB 58 45 74	#3A2D4A
16.7%	16.7% #34263F	RGB 52 38 63	#34263F
33.3%	33.3% #2E2035	RGB 46 32 53	#2E2035
50.0%	50.0% #281A2B	RGB 40 26 43	#281A2B
66.7%	66.7% #221421	RGB 34 20 33	#221421
83.3%	83.3% #1C0E17	RGB 28 14 23	#1C0E17
100.0%	100.0% #16080D	RGB 22 8 13	#16080D

#3A2D4A #34263F #2E2035 #281A2B #221421 #1C0E17 #16080D

#3A2D4A - #16080D

HSV Blend

#3A2D4A - #16080D | 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 #3A2D4A as 0% and #16080D as 100%.

0.0%	0.0% #3A2D4A	RGB 58 45 74	#3A2D4A
16.7%	16.7% #372541	RGB 55 37 65	#372541
33.3%	33.3% #341D38	RGB 52 29 56	#341D38
50.0%	50.0% #30172E	RGB 48 23 46	#30172E
66.7%	66.7% #271121	RGB 39 17 33	#271121
83.3%	83.3% #1E0C16	RGB 30 12 22	#1E0C16
100.0%	100.0% #16080D	RGB 22 8 13	#16080D

#3A2D4A #372541 #341D38 #30172E #271121 #1E0C16 #16080D

#3A2D4A - #30172E - #16080D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A2D4A 0%, #30172E 50%, #16080D 100%);
    background: -webkit-linear-gradient(top, #3A2D4A 0%, #30172E 50%, #16080D 100%);
    background: linear-gradient(to bottom, #3A2D4A 0%, #30172E 50%, #16080D 100%);
}
</style>