#3A2A30 - #A16C59 | 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 #3A2A30 to #A16C59

#3A2A30 #A16C59

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

#3A2A30 - #A16C59 | 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 #3A2A30 as 0% and #A16C59 as 100%.

0.0%	0.0% #3A2A30	RGB 58 42 48	#3A2A30
16.7%	16.7% #4B3536	RGB 75 53 54	#4B3536
33.3%	33.3% #5C403D	RGB 92 64 61	#5C403D
50.0%	50.0% #6D4B44	RGB 109 75 68	#6D4B44
66.7%	66.7% #7E564B	RGB 126 86 75	#7E564B
83.3%	83.3% #8F6152	RGB 143 97 82	#8F6152
100.0%	100.0% #A16C59	RGB 161 108 89	#A16C59

#3A2A30 #4B3536 #5C403D #6D4B44 #7E564B #8F6152 #A16C59

#3A2A30 - #A16C59

HSV Blend

#3A2A30 - #A16C59 | 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 #3A2A30 as 0% and #A16C59 as 100%.

0.0%	0.0% #3A2A30	RGB 58 42 48	#3A2A30
16.7%	16.7% #4B343A	RGB 75 52 58	#4B343A
33.3%	33.3% #5C3D42	RGB 92 61 66	#5C3D42
50.0%	50.0% #6D4548	RGB 109 69 72	#6D4548
66.7%	66.7% #7E4F4D	RGB 126 79 77	#7E4F4D
83.3%	83.3% #8F5D53	RGB 143 93 83	#8F5D53
100.0%	100.0% #A16C59	RGB 161 108 89	#A16C59

#3A2A30 #4B343A #5C3D42 #6D4548 #7E4F4D #8F5D53 #A16C59

#3A2A30 - #6D4548 - #A16C59

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A2A30 0%, #6D4548 50%, #A16C59 100%);
    background: -webkit-linear-gradient(top, #3A2A30 0%, #6D4548 50%, #A16C59 100%);
    background: linear-gradient(to bottom, #3A2A30 0%, #6D4548 50%, #A16C59 100%);
}
</style>