#3D3E3C - #281D00 | 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 #281D00

#3D3E3C #281D00

Calculate the color between two colors, #3D3E3C and #281D00. 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 - #281D00 | 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 #281D00 as 100%.

0.0%	0.0% #3D3E3C	RGB 61 62 60	#3D3E3C
16.7%	16.7% #393832	RGB 57 56 50	#393832
33.3%	33.3% #363328	RGB 54 51 40	#363328
50.0%	50.0% #322D1E	RGB 50 45 30	#322D1E
66.7%	66.7% #2F2814	RGB 47 40 20	#2F2814
83.3%	83.3% #2B220A	RGB 43 34 10	#2B220A
100.0%	100.0% #281D00	RGB 40 29 0	#281D00

#3D3E3C #393832 #363328 #322D1E #2F2814 #2B220A #281D00

#3D3E3C - #281D00

HSV Blend

#3D3E3C - #281D00 | 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 #281D00 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% #313623	RGB 49 54 35	#313623
50.0%	50.0% #303318	RGB 48 51 24	#303318
66.7%	66.7% #2F2E0F	RGB 47 46 15	#2F2E0F
83.3%	83.3% #2B2607	RGB 43 38 7	#2B2607
100.0%	100.0% #281D00	RGB 40 29 0	#281D00

#3D3E3C #363A2F #313623 #303318 #2F2E0F #2B2607 #281D00

#3D3E3C - #303318 - #281D00

CSS codes

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

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