#3E4D50 - #1B1617 | 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 #3E4D50 to #1B1617

#3E4D50 #1B1617

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

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

0.0%	0.0% #3E4D50	RGB 62 77 80	#3E4D50
16.7%	16.7% #384346	RGB 56 67 70	#384346
33.3%	33.3% #323A3D	RGB 50 58 61	#323A3D
50.0%	50.0% #2C3133	RGB 44 49 51	#2C3133
66.7%	66.7% #26282A	RGB 38 40 42	#26282A
83.3%	83.3% #201F20	RGB 32 31 32	#201F20
100.0%	100.0% #1B1617	RGB 27 22 23	#1B1617

#3E4D50 #384346 #323A3D #2C3133 #26282A #201F20 #1B1617

#3E4D50 - #1B1617

HSV Blend

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

0.0%	0.0% #3E4D50	RGB 62 77 80	#3E4D50
16.7%	16.7% #373D47	RGB 55 61 71	#373D47
33.3%	33.3% #31313E	RGB 49 49 62	#31313E
50.0%	50.0% #2F2A35	RGB 47 42 53	#2F2A35
66.7%	66.7% #2B232C	RGB 43 35 44	#2B232C
83.3%	83.3% #231C21	RGB 35 28 33	#231C21
100.0%	100.0% #1B1617	RGB 27 22 23	#1B1617

#3E4D50 #373D47 #31313E #2F2A35 #2B232C #231C21 #1B1617

#3E4D50 - #2F2A35 - #1B1617

CSS codes

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

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