#1E2A31 - #080C0E | 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 #1E2A31 to #080C0E

#1E2A31 #080C0E

Calculate the color between two colors, #1E2A31 and #080C0E. 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)

#1E2A31 - #080C0E | 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 #1E2A31 as 0% and #080C0E as 100%.

0.0%	0.0% #1E2A31	RGB 30 42 49	#1E2A31
16.7%	16.7% #1A252B	RGB 26 37 43	#1A252B
33.3%	33.3% #162025	RGB 22 32 37	#162025
50.0%	50.0% #131B1F	RGB 19 27 31	#131B1F
66.7%	66.7% #0F1619	RGB 15 22 25	#0F1619
83.3%	83.3% #0B1113	RGB 11 17 19	#0B1113
100.0%	100.0% #080C0E	RGB 8 12 14	#080C0E

#1E2A31 #1A252B #162025 #131B1F #0F1619 #0B1113 #080C0E

#1E2A31 - #080C0E

HSV Blend

#1E2A31 - #080C0E | 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 #1E2A31 as 0% and #080C0E as 100%.

0.0%	0.0% #1E2A31	RGB 30 42 49	#1E2A31
16.7%	16.7% #1A242B	RGB 26 36 43	#1A242B
33.3%	33.3% #161F25	RGB 22 31 37	#161F25
50.0%	50.0% #121A1F	RGB 18 26 31	#121A1F
66.7%	66.7% #0F1519	RGB 15 21 25	#0F1519
83.3%	83.3% #0B1013	RGB 11 16 19	#0B1013
100.0%	100.0% #080C0E	RGB 8 12 14	#080C0E

#1E2A31 #1A242B #161F25 #121A1F #0F1519 #0B1013 #080C0E

#1E2A31 - #121A1F - #080C0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E2A31 0%, #121A1F 50%, #080C0E 100%);
    background: -webkit-linear-gradient(top, #1E2A31 0%, #121A1F 50%, #080C0E 100%);
    background: linear-gradient(to bottom, #1E2A31 0%, #121A1F 50%, #080C0E 100%);
}
</style>