#1E3E08 - #071101 | 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 #1E3E08 to #071101

#1E3E08 #071101

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

#1E3E08 - #071101 | 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 #1E3E08 as 0% and #071101 as 100%.

0.0%	0.0% #1E3E08	RGB 30 62 8	#1E3E08
16.7%	16.7% #1A3606	RGB 26 54 6	#1A3606
33.3%	33.3% #162F05	RGB 22 47 5	#162F05
50.0%	50.0% #122704	RGB 18 39 4	#122704
66.7%	66.7% #0E2003	RGB 14 32 3	#0E2003
83.3%	83.3% #0A1802	RGB 10 24 2	#0A1802
100.0%	100.0% #071101	RGB 7 17 1	#071101

#1E3E08 #1A3606 #162F05 #122704 #0E2003 #0A1802 #071101

#1E3E08 - #071101

HSV Blend

#1E3E08 - #071101 | 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 #1E3E08 as 0% and #071101 as 100%.

0.0%	0.0% #1E3E08	RGB 30 62 8	#1E3E08
16.7%	16.7% #193606	RGB 25 54 6	#193606
33.3%	33.3% #152F04	RGB 21 47 4	#152F04
50.0%	50.0% #112703	RGB 17 39 3	#112703
66.7%	66.7% #0D2002	RGB 13 32 2	#0D2002
83.3%	83.3% #0A1801	RGB 10 24 1	#0A1801
100.0%	100.0% #071101	RGB 7 17 1	#071101

#1E3E08 #193606 #152F04 #112703 #0D2002 #0A1801 #071101

#1E3E08 - #112703 - #071101

CSS codes

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

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