#1D3E2B - #08110C | 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 #1D3E2B to #08110C

#1D3E2B #08110C

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

#1D3E2B - #08110C | 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 #1D3E2B as 0% and #08110C as 100%.

0.0%	0.0% #1D3E2B	RGB 29 62 43	#1D3E2B
16.7%	16.7% #193625	RGB 25 54 37	#193625
33.3%	33.3% #162F20	RGB 22 47 32	#162F20
50.0%	50.0% #12271B	RGB 18 39 27	#12271B
66.7%	66.7% #0F2016	RGB 15 32 22	#0F2016
83.3%	83.3% #0B1811	RGB 11 24 17	#0B1811
100.0%	100.0% #08110C	RGB 8 17 12	#08110C

#1D3E2B #193625 #162F20 #12271B #0F2016 #0B1811 #08110C

#1D3E2B - #08110C

HSV Blend

#1D3E2B - #08110C | 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 #1D3E2B as 0% and #08110C as 100%.

0.0%	0.0% #1D3E2B	RGB 29 62 43	#1D3E2B
16.7%	16.7% #193625	RGB 25 54 37	#193625
33.3%	33.3% #162F20	RGB 22 47 32	#162F20
50.0%	50.0% #12271B	RGB 18 39 27	#12271B
66.7%	66.7% #0F2016	RGB 15 32 22	#0F2016
83.3%	83.3% #0B1811	RGB 11 24 17	#0B1811
100.0%	100.0% #08110C	RGB 8 17 12	#08110C

#1D3E2B #193625 #162F20 #12271B #0F2016 #0B1811 #08110C

#1D3E2B - #12271B - #08110C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1D3E2B 0%, #12271B 50%, #08110C 100%);
    background: -webkit-linear-gradient(top, #1D3E2B 0%, #12271B 50%, #08110C 100%);
    background: linear-gradient(to bottom, #1D3E2B 0%, #12271B 50%, #08110C 100%);
}
</style>