#3E3E47 - #051C13 | 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 #3E3E47 to #051C13

#3E3E47 #051C13

Calculate the color between two colors, #3E3E47 and #051C13. 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)

#3E3E47 - #051C13 | 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 #3E3E47 as 0% and #051C13 as 100%.

0.0%	0.0% #3E3E47	RGB 62 62 71	#3E3E47
16.7%	16.7% #34383E	RGB 52 56 62	#34383E
33.3%	33.3% #2B3235	RGB 43 50 53	#2B3235
50.0%	50.0% #212D2D	RGB 33 45 45	#212D2D
66.7%	66.7% #182724	RGB 24 39 36	#182724
83.3%	83.3% #0E211B	RGB 14 33 27	#0E211B
100.0%	100.0% #051C13	RGB 5 28 19	#051C13

#3E3E47 #34383E #2B3235 #212D2D #182724 #0E211B #051C13

#3E3E47 - #051C13

HSV Blend

#3E3E47 - #051C13 | 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 #3E3E47 as 0% and #051C13 as 100%.

0.0%	0.0% #3E3E47	RGB 62 62 71	#3E3E47
16.7%	16.7% #30333F	RGB 48 51 63	#30333F
33.3%	33.3% #242D38	RGB 36 45 56	#242D38
50.0%	50.0% #1A2A31	RGB 26 42 49	#1A2A31
66.7%	66.7% #11282A	RGB 17 40 42	#11282A
83.3%	83.3% #0A231F	RGB 10 35 31	#0A231F
100.0%	100.0% #051C13	RGB 5 28 19	#051C13

#3E3E47 #30333F #242D38 #1A2A31 #11282A #0A231F #051C13

#3E3E47 - #1A2A31 - #051C13

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3E47 0%, #1A2A31 50%, #051C13 100%);
    background: -webkit-linear-gradient(top, #3E3E47 0%, #1A2A31 50%, #051C13 100%);
    background: linear-gradient(to bottom, #3E3E47 0%, #1A2A31 50%, #051C13 100%);
}
</style>