#3D3D36 - #322602 | 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 #3D3D36 to #322602

#3D3D36 #322602

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

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

0.0%	0.0% #3D3D36	RGB 61 61 54	#3D3D36
16.7%	16.7% #3B392D	RGB 59 57 45	#3B392D
33.3%	33.3% #393524	RGB 57 53 36	#393524
50.0%	50.0% #37311C	RGB 55 49 28	#37311C
66.7%	66.7% #352D13	RGB 53 45 19	#352D13
83.3%	83.3% #33290A	RGB 51 41 10	#33290A
100.0%	100.0% #322602	RGB 50 38 2	#322602

#3D3D36 #3B392D #393524 #37311C #352D13 #33290A #322602

#3D3D36 - #322602

HSV Blend

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

0.0%	0.0% #3D3D36	RGB 61 61 54	#3D3D36
16.7%	16.7% #3B3A2C	RGB 59 58 44	#3B3A2C
33.3%	33.3% #393722	RGB 57 55 34	#393722
50.0%	50.0% #373319	RGB 55 51 25	#373319
66.7%	66.7% #352F11	RGB 53 47 17	#352F11
83.3%	83.3% #332A09	RGB 51 42 9	#332A09
100.0%	100.0% #322602	RGB 50 38 2	#322602

#3D3D36 #3B3A2C #393722 #373319 #352F11 #332A09 #322602

#3D3D36 - #373319 - #322602

CSS codes

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

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