#3A2E3C - #100D11 | 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 #3A2E3C to #100D11

#3A2E3C #100D11

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

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

0.0%	0.0% #3A2E3C	RGB 58 46 60	#3A2E3C
16.7%	16.7% #332834	RGB 51 40 52	#332834
33.3%	33.3% #2C232D	RGB 44 35 45	#2C232D
50.0%	50.0% #251D26	RGB 37 29 38	#251D26
66.7%	66.7% #1E181F	RGB 30 24 31	#1E181F
83.3%	83.3% #171218	RGB 23 18 24	#171218
100.0%	100.0% #100D11	RGB 16 13 17	#100D11

#3A2E3C #332834 #2C232D #251D26 #1E181F #171218 #100D11

#3A2E3C - #100D11

HSV Blend

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

0.0%	0.0% #3A2E3C	RGB 58 46 60	#3A2E3C
16.7%	16.7% #322834	RGB 50 40 52	#322834
33.3%	33.3% #2B222D	RGB 43 34 45	#2B222D
50.0%	50.0% #241D26	RGB 36 29 38	#241D26
66.7%	66.7% #1D171F	RGB 29 23 31	#1D171F
83.3%	83.3% #161218	RGB 22 18 24	#161218
100.0%	100.0% #100D11	RGB 16 13 17	#100D11

#3A2E3C #322834 #2B222D #241D26 #1D171F #161218 #100D11

#3A2E3C - #241D26 - #100D11

CSS codes

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

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