#3C2D31 - #A05F5E | 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 #3C2D31 to #A05F5E

#3C2D31 #A05F5E

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

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

0.0%	0.0% #3C2D31	RGB 60 45 49	#3C2D31
16.7%	16.7% #4C3538	RGB 76 53 56	#4C3538
33.3%	33.3% #5D3D40	RGB 93 61 64	#5D3D40
50.0%	50.0% #6E4647	RGB 110 70 71	#6E4647
66.7%	66.7% #7E4E4F	RGB 126 78 79	#7E4E4F
83.3%	83.3% #8F5656	RGB 143 86 86	#8F5656
100.0%	100.0% #A05F5E	RGB 160 95 94	#A05F5E

#3C2D31 #4C3538 #5D3D40 #6E4647 #7E4E4F #8F5656 #A05F5E

#3C2D31 - #A05F5E

HSV Blend

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

0.0%	0.0% #3C2D31	RGB 60 45 49	#3C2D31
16.7%	16.7% #4C373C	RGB 76 55 60	#4C373C
33.3%	33.3% #5D4045	RGB 93 64 69	#5D4045
50.0%	50.0% #6E494E	RGB 110 73 78	#6E494E
66.7%	66.7% #7E5154	RGB 126 81 84	#7E5154
83.3%	83.3% #8F5859	RGB 143 88 89	#8F5859
100.0%	100.0% #A05F5E	RGB 160 95 94	#A05F5E

#3C2D31 #4C373C #5D4045 #6E494E #7E5154 #8F5859 #A05F5E

#3C2D31 - #6E494E - #A05F5E

CSS codes

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

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