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

#3E3D3C #281100

Calculate the color between two colors, #3E3D3C 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)

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

0.0%	0.0% #3E3D3C	RGB 62 61 60	#3E3D3C
16.7%	16.7% #3A3532	RGB 58 53 50	#3A3532
33.3%	33.3% #362E28	RGB 54 46 40	#362E28
50.0%	50.0% #33271E	RGB 51 39 30	#33271E
66.7%	66.7% #2F1F14	RGB 47 31 20	#2F1F14
83.3%	83.3% #2B180A	RGB 43 24 10	#2B180A
100.0%	100.0% #281100	RGB 40 17 0	#281100

#3E3D3C #3A3532 #362E28 #33271E #2F1F14 #2B180A #281100

#3E3D3C - #281100

HSV Blend

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

0.0%	0.0% #3E3D3C	RGB 62 61 60	#3E3D3C
16.7%	16.7% #3A342F	RGB 58 52 47	#3A342F
33.3%	33.3% #362C23	RGB 54 44 35	#362C23
50.0%	50.0% #332418	RGB 51 36 24	#332418
66.7%	66.7% #2F1D0F	RGB 47 29 15	#2F1D0F
83.3%	83.3% #2B1707	RGB 43 23 7	#2B1707
100.0%	100.0% #281100	RGB 40 17 0	#281100

#3E3D3C #3A342F #362C23 #332418 #2F1D0F #2B1707 #281100

#3E3D3C - #332418 - #281100

CSS codes

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

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