#1B6136 - #071B0E | 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 #1B6136 to #071B0E

#1B6136 #071B0E

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

#1B6136 - #071B0E | 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 #1B6136 as 0% and #071B0E as 100%.

0.0%	0.0% #1B6136	RGB 27 97 54	#1B6136
16.7%	16.7% #17552F	RGB 23 85 47	#17552F
33.3%	33.3% #144928	RGB 20 73 40	#144928
50.0%	50.0% #113E22	RGB 17 62 34	#113E22
66.7%	66.7% #0D321B	RGB 13 50 27	#0D321B
83.3%	83.3% #0A2614	RGB 10 38 20	#0A2614
100.0%	100.0% #071B0E	RGB 7 27 14	#071B0E

#1B6136 #17552F #144928 #113E22 #0D321B #0A2614 #071B0E

#1B6136 - #071B0E

HSV Blend

#1B6136 - #071B0E | 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 #1B6136 as 0% and #071B0E as 100%.

0.0%	0.0% #1B6136	RGB 27 97 54	#1B6136
16.7%	16.7% #17552E	RGB 23 85 46	#17552E
33.3%	33.3% #144928	RGB 20 73 40	#144928
50.0%	50.0% #103E21	RGB 16 62 33	#103E21
66.7%	66.7% #0D321A	RGB 13 50 26	#0D321A
83.3%	83.3% #0A2614	RGB 10 38 20	#0A2614
100.0%	100.0% #071B0E	RGB 7 27 14	#071B0E

#1B6136 #17552E #144928 #103E21 #0D321A #0A2614 #071B0E

#1B6136 - #103E21 - #071B0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B6136 0%, #103E21 50%, #071B0E 100%);
    background: -webkit-linear-gradient(top, #1B6136 0%, #103E21 50%, #071B0E 100%);
    background: linear-gradient(to bottom, #1B6136 0%, #103E21 50%, #071B0E 100%);
}
</style>