#3C3C10 - #A87D30 | 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 #3C3C10 to #A87D30

#3C3C10 #A87D30

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

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

0.0%	0.0% #3C3C10	RGB 60 60 16	#3C3C10
16.7%	16.7% #4E4615	RGB 78 70 21	#4E4615
33.3%	33.3% #60511A	RGB 96 81 26	#60511A
50.0%	50.0% #725C20	RGB 114 92 32	#725C20
66.7%	66.7% #846725	RGB 132 103 37	#846725
83.3%	83.3% #96722A	RGB 150 114 42	#96722A
100.0%	100.0% #A87D30	RGB 168 125 48	#A87D30

#3C3C10 #4E4615 #60511A #725C20 #846725 #96722A #A87D30

#3C3C10 - #A87D30

HSV Blend

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

0.0%	0.0% #3C3C10	RGB 60 60 16	#3C3C10
16.7%	16.7% #4E4A15	RGB 78 74 21	#4E4A15
33.3%	33.3% #60571A	RGB 96 87 26	#60571A
50.0%	50.0% #72631F	RGB 114 99 31	#72631F
66.7%	66.7% #846D24	RGB 132 109 36	#846D24
83.3%	83.3% #96752A	RGB 150 117 42	#96752A
100.0%	100.0% #A87D30	RGB 168 125 48	#A87D30

#3C3C10 #4E4A15 #60571A #72631F #846D24 #96752A #A87D30

#3C3C10 - #72631F - #A87D30

CSS codes

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

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