#3E3C30 - #A98156 | 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 #3E3C30 to #A98156

#3E3C30 #A98156

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

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

0.0%	0.0% #3E3C30	RGB 62 60 48	#3E3C30
16.7%	16.7% #4F4736	RGB 79 71 54	#4F4736
33.3%	33.3% #61533C	RGB 97 83 60	#61533C
50.0%	50.0% #735E43	RGB 115 94 67	#735E43
66.7%	66.7% #856A49	RGB 133 106 73	#856A49
83.3%	83.3% #97754F	RGB 151 117 79	#97754F
100.0%	100.0% #A98156	RGB 169 129 86	#A98156

#3E3C30 #4F4736 #61533C #735E43 #856A49 #97754F #A98156

#3E3C30 - #A98156

HSV Blend

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

0.0%	0.0% #3E3C30	RGB 62 60 48	#3E3C30
16.7%	16.7% #4F4B3A	RGB 79 75 58	#4F4B3A
33.3%	33.3% #615942	RGB 97 89 66	#615942
50.0%	50.0% #73664A	RGB 115 102 74	#73664A
66.7%	66.7% #85714F	RGB 133 113 79	#85714F
83.3%	83.3% #977A53	RGB 151 122 83	#977A53
100.0%	100.0% #A98156	RGB 169 129 86	#A98156

#3E3C30 #4F4B3A #615942 #73664A #85714F #977A53 #A98156

#3E3C30 - #73664A - #A98156

CSS codes

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

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