#4A2D48 - #160B08 | 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 #4A2D48 to #160B08

#4A2D48 #160B08

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

#4A2D48 - #160B08 | 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 #4A2D48 as 0% and #160B08 as 100%.

0.0%	0.0% #4A2D48	RGB 74 45 72	#4A2D48
16.7%	16.7% #41273D	RGB 65 39 61	#41273D
33.3%	33.3% #382132	RGB 56 33 50	#382132
50.0%	50.0% #301C28	RGB 48 28 40	#301C28
66.7%	66.7% #27161D	RGB 39 22 29	#27161D
83.3%	83.3% #1E1012	RGB 30 16 18	#1E1012
100.0%	100.0% #160B08	RGB 22 11 8	#160B08

#4A2D48 #41273D #382132 #301C28 #27161D #1E1012 #160B08

#4A2D48 - #160B08

HSV Blend

#4A2D48 - #160B08 | 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 #4A2D48 as 0% and #160B08 as 100%.

0.0%	0.0% #4A2D48	RGB 74 45 72	#4A2D48
16.7%	16.7% #412539	RGB 65 37 57	#412539
33.3%	33.3% #381D2C	RGB 56 29 44	#381D2C
50.0%	50.0% #301720	RGB 48 23 32	#301720
66.7%	66.7% #271115	RGB 39 17 21	#271115
83.3%	83.3% #1E0C0C	RGB 30 12 12	#1E0C0C
100.0%	100.0% #160B08	RGB 22 11 8	#160B08

#4A2D48 #412539 #381D2C #301720 #271115 #1E0C0C #160B08

#4A2D48 - #301720 - #160B08

CSS codes

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

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