#3E3D3C - #342702 | 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 #3E3D3C to #342702

#3E3D3C #342702

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

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

0.0%	0.0% #3E3D3C	RGB 62 61 60	#3E3D3C
16.7%	16.7% #3C3932	RGB 60 57 50	#3C3932
33.3%	33.3% #3A3528	RGB 58 53 40	#3A3528
50.0%	50.0% #39321F	RGB 57 50 31	#39321F
66.7%	66.7% #372E15	RGB 55 46 21	#372E15
83.3%	83.3% #352A0B	RGB 53 42 11	#352A0B
100.0%	100.0% #342702	RGB 52 39 2	#342702

#3E3D3C #3C3932 #3A3528 #39321F #372E15 #352A0B #342702

#3E3D3C - #342702

HSV Blend

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

0.0%	0.0% #3E3D3C	RGB 62 61 60	#3E3D3C
16.7%	16.7% #3C3731	RGB 60 55 49	#3C3731
33.3%	33.3% #3A3226	RGB 58 50 38	#3A3226
50.0%	50.0% #392E1C	RGB 57 46 28	#392E1C
66.7%	66.7% #372B13	RGB 55 43 19	#372B13
83.3%	83.3% #35280A	RGB 53 40 10	#35280A
100.0%	100.0% #342702	RGB 52 39 2	#342702

#3E3D3C #3C3731 #3A3226 #392E1C #372B13 #35280A #342702

#3E3D3C - #392E1C - #342702

CSS codes

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

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