#3C3E3C - #0D3401 | 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 #3C3E3C to #0D3401

#3C3E3C #0D3401

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

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

0.0%	0.0% #3C3E3C	RGB 60 62 60	#3C3E3C
16.7%	16.7% #343C32	RGB 52 60 50	#343C32
33.3%	33.3% #2C3A28	RGB 44 58 40	#2C3A28
50.0%	50.0% #24391E	RGB 36 57 30	#24391E
66.7%	66.7% #1C3714	RGB 28 55 20	#1C3714
83.3%	83.3% #14350A	RGB 20 53 10	#14350A
100.0%	100.0% #0D3401	RGB 13 52 1	#0D3401

#3C3E3C #343C32 #2C3A28 #24391E #1C3714 #14350A #0D3401

#3C3E3C - #0D3401

HSV Blend

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

0.0%	0.0% #3C3E3C	RGB 60 62 60	#3C3E3C
16.7%	16.7% #313C30	RGB 49 60 48	#313C30
33.3%	33.3% #273A26	RGB 39 58 38	#273A26
50.0%	50.0% #1F391C	RGB 31 57 28	#1F391C
66.7%	66.7% #183712	RGB 24 55 18	#183712
83.3%	83.3% #123509	RGB 18 53 9	#123509
100.0%	100.0% #0D3401	RGB 13 52 1	#0D3401

#3C3E3C #313C30 #273A26 #1F391C #183712 #123509 #0D3401

#3C3E3C - #1F391C - #0D3401

CSS codes

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

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