#3E3C2F - #342302 | 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 #3E3C2F to #342302

#3E3C2F #342302

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

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

0.0%	0.0% #3E3C2F	RGB 62 60 47	#3E3C2F
16.7%	16.7% #3C3727	RGB 60 55 39	#3C3727
33.3%	33.3% #3A3320	RGB 58 51 32	#3A3320
50.0%	50.0% #392F18	RGB 57 47 24	#392F18
66.7%	66.7% #372B10	RGB 55 43 16	#372B10
83.3%	83.3% #352709	RGB 53 39 9	#352709
100.0%	100.0% #342302	RGB 52 35 2	#342302

#3E3C2F #3C3727 #3A3320 #392F18 #372B10 #352709 #342302

#3E3C2F - #342302

HSV Blend

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

0.0%	0.0% #3E3C2F	RGB 62 60 47	#3E3C2F
16.7%	16.7% #3C3826	RGB 60 56 38	#3C3826
33.3%	33.3% #3A341E	RGB 58 52 30	#3A341E
50.0%	50.0% #393016	RGB 57 48 22	#393016
66.7%	66.7% #372C0F	RGB 55 44 15	#372C0F
83.3%	83.3% #352708	RGB 53 39 8	#352708
100.0%	100.0% #342302	RGB 52 35 2	#342302

#3E3C2F #3C3826 #3A341E #393016 #372C0F #352708 #342302

#3E3C2F - #393016 - #342302

CSS codes

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

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