#3E3C44 - #1C0A0E | 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 #3E3C44 to #1C0A0E

#3E3C44 #1C0A0E

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

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

0.0%	0.0% #3E3C44	RGB 62 60 68	#3E3C44
16.7%	16.7% #38333B	RGB 56 51 59	#38333B
33.3%	33.3% #322B32	RGB 50 43 50	#322B32
50.0%	50.0% #2D2329	RGB 45 35 41	#2D2329
66.7%	66.7% #271A20	RGB 39 26 32	#271A20
83.3%	83.3% #211217	RGB 33 18 23	#211217
100.0%	100.0% #1C0A0E	RGB 28 10 14	#1C0A0E

#3E3C44 #38333B #322B32 #2D2329 #271A20 #211217 #1C0A0E

#3E3C44 - #1C0A0E

HSV Blend

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

0.0%	0.0% #3E3C44	RGB 62 60 68	#3E3C44
16.7%	16.7% #37303D	RGB 55 48 61	#37303D
33.3%	33.3% #322636	RGB 50 38 54	#322636
50.0%	50.0% #301D2F	RGB 48 29 47	#301D2F
66.7%	66.7% #291524	RGB 41 21 36	#291524
83.3%	83.3% #220F18	RGB 34 15 24	#220F18
100.0%	100.0% #1C0A0E	RGB 28 10 14	#1C0A0E

#3E3C44 #37303D #322636 #301D2F #291524 #220F18 #1C0A0E

#3E3C44 - #301D2F - #1C0A0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3C44 0%, #301D2F 50%, #1C0A0E 100%);
    background: -webkit-linear-gradient(top, #3E3C44 0%, #301D2F 50%, #1C0A0E 100%);
    background: linear-gradient(to bottom, #3E3C44 0%, #301D2F 50%, #1C0A0E 100%);
}
</style>