#3E3E46 - #031037 | 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 #3E3E46 to #031037

#3E3E46 #031037

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

#3E3E46 - #031037 | 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 #3E3E46 as 0% and #031037 as 100%.

0.0%	0.0% #3E3E46	RGB 62 62 70	#3E3E46
16.7%	16.7% #343643	RGB 52 54 67	#343643
33.3%	33.3% #2A2E41	RGB 42 46 65	#2A2E41
50.0%	50.0% #20273E	RGB 32 39 62	#20273E
66.7%	66.7% #161F3C	RGB 22 31 60	#161F3C
83.3%	83.3% #0C1739	RGB 12 23 57	#0C1739
100.0%	100.0% #031037	RGB 3 16 55	#031037

#3E3E46 #343643 #2A2E41 #20273E #161F3C #0C1739 #031037

#3E3E46 - #031037

HSV Blend

#3E3E46 - #031037 | 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 #3E3E46 as 0% and #031037 as 100%.

0.0%	0.0% #3E3E46	RGB 62 62 70	#3E3E46
16.7%	16.7% #323343	RGB 50 51 67	#323343
33.3%	33.3% #272941	RGB 39 41 65	#272941
50.0%	50.0% #1D213E	RGB 29 33 62	#1D213E
66.7%	66.7% #131A3C	RGB 19 26 60	#131A3C
83.3%	83.3% #0B1439	RGB 11 20 57	#0B1439
100.0%	100.0% #031037	RGB 3 16 55	#031037

#3E3E46 #323343 #272941 #1D213E #131A3C #0B1439 #031037

#3E3E46 - #1D213E - #031037

CSS codes

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

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