#100B05 - #3D3637 | 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 #100B05 to #3D3637

#100B05 #3D3637

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

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

0.0%	0.0% #100B05	RGB 16 11 5	#100B05
16.7%	16.7% #17120D	RGB 23 18 13	#17120D
33.3%	33.3% #1F1915	RGB 31 25 21	#1F1915
50.0%	50.0% #26201E	RGB 38 32 30	#26201E
66.7%	66.7% #2E2726	RGB 46 39 38	#2E2726
83.3%	83.3% #352E2E	RGB 53 46 46	#352E2E
100.0%	100.0% #3D3637	RGB 61 54 55	#3D3637

#100B05 #17120D #1F1915 #26201E #2E2726 #352E2E #3D3637

#100B05 - #3D3637

HSV Blend

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

0.0%	0.0% #100B05	RGB 16 11 5	#100B05
16.7%	16.7% #170F09	RGB 23 15 9	#170F09
33.3%	33.3% #1F140F	RGB 31 20 15	#1F140F
50.0%	50.0% #261A17	RGB 38 26 23	#261A17
66.7%	66.7% #2E211F	RGB 46 33 31	#2E211F
83.3%	83.3% #352A2A	RGB 53 42 42	#352A2A
100.0%	100.0% #3D3637	RGB 61 54 55	#3D3637

#100B05 #170F09 #1F140F #261A17 #2E211F #352A2A #3D3637

#100B05 - #261A17 - #3D3637

CSS codes

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

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