#1B7C5E - #07231A | 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 #1B7C5E to #07231A

#1B7C5E #07231A

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

#1B7C5E - #07231A | 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 #1B7C5E as 0% and #07231A as 100%.

0.0%	0.0% #1B7C5E	RGB 27 124 94	#1B7C5E
16.7%	16.7% #176D52	RGB 23 109 82	#176D52
33.3%	33.3% #145E47	RGB 20 94 71	#145E47
50.0%	50.0% #114F3C	RGB 17 79 60	#114F3C
66.7%	66.7% #0D4030	RGB 13 64 48	#0D4030
83.3%	83.3% #0A3125	RGB 10 49 37	#0A3125
100.0%	100.0% #07231A	RGB 7 35 26	#07231A

#1B7C5E #176D52 #145E47 #114F3C #0D4030 #0A3125 #07231A

#1B7C5E - #07231A

HSV Blend

#1B7C5E - #07231A | 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 #1B7C5E as 0% and #07231A as 100%.

0.0%	0.0% #1B7C5E	RGB 27 124 94	#1B7C5E
16.7%	16.7% #176D52	RGB 23 109 82	#176D52
33.3%	33.3% #135E47	RGB 19 94 71	#135E47
50.0%	50.0% #104F3B	RGB 16 79 59	#104F3B
66.7%	66.7% #0D4030	RGB 13 64 48	#0D4030
83.3%	83.3% #0A3125	RGB 10 49 37	#0A3125
100.0%	100.0% #07231A	RGB 7 35 26	#07231A

#1B7C5E #176D52 #135E47 #104F3B #0D4030 #0A3125 #07231A

#1B7C5E - #104F3B - #07231A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B7C5E 0%, #104F3B 50%, #07231A 100%);
    background: -webkit-linear-gradient(top, #1B7C5E 0%, #104F3B 50%, #07231A 100%);
    background: linear-gradient(to bottom, #1B7C5E 0%, #104F3B 50%, #07231A 100%);
}
</style>