#3D3C42 - #1E080E | 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 #3D3C42 to #1E080E

#3D3C42 #1E080E

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

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

0.0%	0.0% #3D3C42	RGB 61 60 66	#3D3C42
16.7%	16.7% #373339	RGB 55 51 57	#373339
33.3%	33.3% #322A30	RGB 50 42 48	#322A30
50.0%	50.0% #2D2228	RGB 45 34 40	#2D2228
66.7%	66.7% #28191F	RGB 40 25 31	#28191F
83.3%	83.3% #231016	RGB 35 16 22	#231016
100.0%	100.0% #1E080E	RGB 30 8 14	#1E080E

#3D3C42 #373339 #322A30 #2D2228 #28191F #231016 #1E080E

#3D3C42 - #1E080E

HSV Blend

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

0.0%	0.0% #3D3C42	RGB 61 60 66	#3D3C42
16.7%	16.7% #35303C	RGB 53 48 60	#35303C
33.3%	33.3% #302536	RGB 48 37 54	#302536
50.0%	50.0% #2E1C30	RGB 46 28 48	#2E1C30
66.7%	66.7% #2A1425	RGB 42 20 37	#2A1425
83.3%	83.3% #240D19	RGB 36 13 25	#240D19
100.0%	100.0% #1E080E	RGB 30 8 14	#1E080E

#3D3C42 #35303C #302536 #2E1C30 #2A1425 #240D19 #1E080E

#3D3C42 - #2E1C30 - #1E080E

CSS codes

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

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