#3E3C43 - #1B0A0E | 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 #3E3C43 to #1B0A0E

#3E3C43 #1B0A0E

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

#3E3C43 - #1B0A0E | 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 #3E3C43 as 0% and #1B0A0E as 100%.

0.0%	0.0% #3E3C43	RGB 62 60 67	#3E3C43
16.7%	16.7% #38333A	RGB 56 51 58	#38333A
33.3%	33.3% #322B31	RGB 50 43 49	#322B31
50.0%	50.0% #2C2328	RGB 44 35 40	#2C2328
66.7%	66.7% #261A1F	RGB 38 26 31	#261A1F
83.3%	83.3% #201216	RGB 32 18 22	#201216
100.0%	100.0% #1B0A0E	RGB 27 10 14	#1B0A0E

#3E3C43 #38333A #322B31 #2C2328 #261A1F #201216 #1B0A0E

#3E3C43 - #1B0A0E

HSV Blend

#3E3C43 - #1B0A0E | 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 #3E3C43 as 0% and #1B0A0E as 100%.

0.0%	0.0% #3E3C43	RGB 62 60 67	#3E3C43
16.7%	16.7% #36303C	RGB 54 48 60	#36303C
33.3%	33.3% #322635	RGB 50 38 53	#322635
50.0%	50.0% #2F1D2E	RGB 47 29 46	#2F1D2E
66.7%	66.7% #281523	RGB 40 21 35	#281523
83.3%	83.3% #210F18	RGB 33 15 24	#210F18
100.0%	100.0% #1B0A0E	RGB 27 10 14	#1B0A0E

#3E3C43 #36303C #322635 #2F1D2E #281523 #210F18 #1B0A0E

#3E3C43 - #2F1D2E - #1B0A0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3C43 0%, #2F1D2E 50%, #1B0A0E 100%);
    background: -webkit-linear-gradient(top, #3E3C43 0%, #2F1D2E 50%, #1B0A0E 100%);
    background: linear-gradient(to bottom, #3E3C43 0%, #2F1D2E 50%, #1B0A0E 100%);
}
</style>