#3E3D3C - #323402 | 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 #323402

#3E3D3C #323402

Calculate the color between two colors, #3E3D3C and #323402. 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 - #323402 | 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 #323402 as 100%.

0.0%	0.0% #3E3D3C	RGB 62 61 60	#3E3D3C
16.7%	16.7% #3C3B32	RGB 60 59 50	#3C3B32
33.3%	33.3% #3A3A28	RGB 58 58 40	#3A3A28
50.0%	50.0% #38381F	RGB 56 56 31	#38381F
66.7%	66.7% #363715	RGB 54 55 21	#363715
83.3%	83.3% #34350B	RGB 52 53 11	#34350B
100.0%	100.0% #323402	RGB 50 52 2	#323402

#3E3D3C #3C3B32 #3A3A28 #38381F #363715 #34350B #323402

#3E3D3C - #323402

HSV Blend

#3E3D3C - #323402 | 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 #323402 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% #3A3426	RGB 58 52 38	#3A3426
50.0%	50.0% #39321C	RGB 57 50 28	#39321C
66.7%	66.7% #373213	RGB 55 50 19	#373213
83.3%	83.3% #35330A	RGB 53 51 10	#35330A
100.0%	100.0% #323402	RGB 50 52 2	#323402

#3E3D3C #3C3731 #3A3426 #39321C #373213 #35330A #323402

#3E3D3C - #39321C - #323402

CSS codes

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

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