#3D3C35 - #A8825C | 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 #3D3C35 to #A8825C

#3D3C35 #A8825C

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

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

0.0%	0.0% #3D3C35	RGB 61 60 53	#3D3C35
16.7%	16.7% #4E473B	RGB 78 71 59	#4E473B
33.3%	33.3% #605342	RGB 96 83 66	#605342
50.0%	50.0% #725F48	RGB 114 95 72	#725F48
66.7%	66.7% #846A4F	RGB 132 106 79	#846A4F
83.3%	83.3% #967655	RGB 150 118 85	#967655
100.0%	100.0% #A8825C	RGB 168 130 92	#A8825C

#3D3C35 #4E473B #605342 #725F48 #846A4F #967655 #A8825C

#3D3C35 - #A8825C

HSV Blend

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

0.0%	0.0% #3D3C35	RGB 61 60 53	#3D3C35
16.7%	16.7% #4E4C40	RGB 78 76 64	#4E4C40
33.3%	33.3% #605A49	RGB 96 90 73	#605A49
50.0%	50.0% #726851	RGB 114 104 81	#726851
66.7%	66.7% #847356	RGB 132 115 86	#847356
83.3%	83.3% #967B5A	RGB 150 123 90	#967B5A
100.0%	100.0% #A8825C	RGB 168 130 92	#A8825C

#3D3C35 #4E4C40 #605A49 #726851 #847356 #967B5A #A8825C

#3D3C35 - #726851 - #A8825C

CSS codes

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

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