#3D3E3C - #281100 | 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 #3D3E3C to #281100

#3D3E3C #281100

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

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

0.0%	0.0% #3D3E3C	RGB 61 62 60	#3D3E3C
16.7%	16.7% #393632	RGB 57 54 50	#393632
33.3%	33.3% #362F28	RGB 54 47 40	#362F28
50.0%	50.0% #32271E	RGB 50 39 30	#32271E
66.7%	66.7% #2F2014	RGB 47 32 20	#2F2014
83.3%	83.3% #2B180A	RGB 43 24 10	#2B180A
100.0%	100.0% #281100	RGB 40 17 0	#281100

#3D3E3C #393632 #362F28 #32271E #2F2014 #2B180A #281100

#3D3E3C - #281100

HSV Blend

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

0.0%	0.0% #3D3E3C	RGB 61 62 60	#3D3E3C
16.7%	16.7% #363A2F	RGB 54 58 47	#363A2F
33.3%	33.3% #333623	RGB 51 54 35	#333623
50.0%	50.0% #333218	RGB 51 50 24	#333218
66.7%	66.7% #2F280F	RGB 47 40 15	#2F280F
83.3%	83.3% #2B1D07	RGB 43 29 7	#2B1D07
100.0%	100.0% #281100	RGB 40 17 0	#281100

#3D3E3C #363A2F #333623 #333218 #2F280F #2B1D07 #281100

#3D3E3C - #333218 - #281100

CSS codes

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

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