#1E2B08 - #080C02 | 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 #1E2B08 to #080C02

#1E2B08 #080C02

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

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

0.0%	0.0% #1E2B08	RGB 30 43 8	#1E2B08
16.7%	16.7% #1A2507	RGB 26 37 7	#1A2507
33.3%	33.3% #162006	RGB 22 32 6	#162006
50.0%	50.0% #131B05	RGB 19 27 5	#131B05
66.7%	66.7% #0F1604	RGB 15 22 4	#0F1604
83.3%	83.3% #0B1103	RGB 11 17 3	#0B1103
100.0%	100.0% #080C02	RGB 8 12 2	#080C02

#1E2B08 #1A2507 #162006 #131B05 #0F1604 #0B1103 #080C02

#1E2B08 - #080C02

HSV Blend

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

0.0%	0.0% #1E2B08	RGB 30 43 8	#1E2B08
16.7%	16.7% #1A2506	RGB 26 37 6	#1A2506
33.3%	33.3% #162005	RGB 22 32 5	#162005
50.0%	50.0% #121B04	RGB 18 27 4	#121B04
66.7%	66.7% #0F1603	RGB 15 22 3	#0F1603
83.3%	83.3% #0B1102	RGB 11 17 2	#0B1102
100.0%	100.0% #080C02	RGB 8 12 2	#080C02

#1E2B08 #1A2506 #162005 #121B04 #0F1603 #0B1102 #080C02

#1E2B08 - #121B04 - #080C02

CSS codes

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

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