#3E3E3C - #342703 | 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 #3E3E3C to #342703

#3E3E3C #342703

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

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

0.0%	0.0% #3E3E3C	RGB 62 62 60	#3E3E3C
16.7%	16.7% #3C3A32	RGB 60 58 50	#3C3A32
33.3%	33.3% #3A3629	RGB 58 54 41	#3A3629
50.0%	50.0% #39321F	RGB 57 50 31	#39321F
66.7%	66.7% #372E16	RGB 55 46 22	#372E16
83.3%	83.3% #352A0C	RGB 53 42 12	#352A0C
100.0%	100.0% #342703	RGB 52 39 3	#342703

#3E3E3C #3C3A32 #3A3629 #39321F #372E16 #352A0C #342703

#3E3E3C - #342703

HSV Blend

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

0.0%	0.0% #3E3E3C	RGB 62 62 60	#3E3E3C
16.7%	16.7% #3C3B31	RGB 60 59 49	#3C3B31
33.3%	33.3% #3A3826	RGB 58 56 38	#3A3826
50.0%	50.0% #39351D	RGB 57 53 29	#39351D
66.7%	66.7% #373113	RGB 55 49 19	#373113
83.3%	83.3% #352C0B	RGB 53 44 11	#352C0B
100.0%	100.0% #342703	RGB 52 39 3	#342703

#3E3E3C #3C3B31 #3A3826 #39351D #373113 #352C0B #342703

#3E3E3C - #39351D - #342703

CSS codes

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

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