#3E3E40 - #031B19 | 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 #3E3E40 to #031B19

#3E3E40 #031B19

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

#3E3E40 - #031B19 | 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 #3E3E40 as 0% and #031B19 as 100%.

0.0%	0.0% #3E3E40	RGB 62 62 64	#3E3E40
16.7%	16.7% #343839	RGB 52 56 57	#343839
33.3%	33.3% #2A3233	RGB 42 50 51	#2A3233
50.0%	50.0% #202C2C	RGB 32 44 44	#202C2C
66.7%	66.7% #162626	RGB 22 38 38	#162626
83.3%	83.3% #0C201F	RGB 12 32 31	#0C201F
100.0%	100.0% #031B19	RGB 3 27 25	#031B19

#3E3E40 #343839 #2A3233 #202C2C #162626 #0C201F #031B19

#3E3E40 - #031B19

HSV Blend

#3E3E40 - #031B19 | 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 #3E3E40 as 0% and #031B19 as 100%.

0.0%	0.0% #3E3E40	RGB 62 62 64	#3E3E40
16.7%	16.7% #2F3139	RGB 47 49 57	#2F3139
33.3%	33.3% #232933	RGB 35 41 51	#232933
50.0%	50.0% #18232D	RGB 24 35 45	#18232D
66.7%	66.7% #0F2027	RGB 15 32 39	#0F2027
83.3%	83.3% #081E21	RGB 8 30 33	#081E21
100.0%	100.0% #031B19	RGB 3 27 25	#031B19

#3E3E40 #2F3139 #232933 #18232D #0F2027 #081E21 #031B19

#3E3E40 - #18232D - #031B19

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3E40 0%, #18232D 50%, #031B19 100%);
    background: -webkit-linear-gradient(top, #3E3E40 0%, #18232D 50%, #031B19 100%);
    background: linear-gradient(to bottom, #3E3E40 0%, #18232D 50%, #031B19 100%);
}
</style>