#3E3E35 - #332602 | 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 #3E3E35 to #332602

#3E3E35 #332602

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

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

0.0%	0.0% #3E3E35	RGB 62 62 53	#3E3E35
16.7%	16.7% #3C3A2C	RGB 60 58 44	#3C3A2C
33.3%	33.3% #3A3624	RGB 58 54 36	#3A3624
50.0%	50.0% #38321B	RGB 56 50 27	#38321B
66.7%	66.7% #362E13	RGB 54 46 19	#362E13
83.3%	83.3% #342A0A	RGB 52 42 10	#342A0A
100.0%	100.0% #332602	RGB 51 38 2	#332602

#3E3E35 #3C3A2C #3A3624 #38321B #362E13 #342A0A #332602

#3E3E35 - #332602

HSV Blend

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

0.0%	0.0% #3E3E35	RGB 62 62 53	#3E3E35
16.7%	16.7% #3C3B2B	RGB 60 59 43	#3C3B2B
33.3%	33.3% #3A3822	RGB 58 56 34	#3A3822
50.0%	50.0% #383419	RGB 56 52 25	#383419
66.7%	66.7% #363011	RGB 54 48 17	#363011
83.3%	83.3% #342B09	RGB 52 43 9	#342B09
100.0%	100.0% #332602	RGB 51 38 2	#332602

#3E3E35 #3C3B2B #3A3822 #383419 #363011 #342B09 #332602

#3E3E35 - #383419 - #332602

CSS codes

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

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