#1B3C2B - #07110C | 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 #1B3C2B to #07110C

#1B3C2B #07110C

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

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

0.0%	0.0% #1B3C2B	RGB 27 60 43	#1B3C2B
16.7%	16.7% #173425	RGB 23 52 37	#173425
33.3%	33.3% #142D20	RGB 20 45 32	#142D20
50.0%	50.0% #11261B	RGB 17 38 27	#11261B
66.7%	66.7% #0D1F16	RGB 13 31 22	#0D1F16
83.3%	83.3% #0A1811	RGB 10 24 17	#0A1811
100.0%	100.0% #07110C	RGB 7 17 12	#07110C

#1B3C2B #173425 #142D20 #11261B #0D1F16 #0A1811 #07110C

#1B3C2B - #07110C

HSV Blend

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

0.0%	0.0% #1B3C2B	RGB 27 60 43	#1B3C2B
16.7%	16.7% #173425	RGB 23 52 37	#173425
33.3%	33.3% #132D20	RGB 19 45 32	#132D20
50.0%	50.0% #10261B	RGB 16 38 27	#10261B
66.7%	66.7% #0D1F16	RGB 13 31 22	#0D1F16
83.3%	83.3% #0A1811	RGB 10 24 17	#0A1811
100.0%	100.0% #07110C	RGB 7 17 12	#07110C

#1B3C2B #173425 #132D20 #10261B #0D1F16 #0A1811 #07110C

#1B3C2B - #10261B - #07110C

CSS codes

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

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