#2B8C4C - #085E1B | 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 #2B8C4C to #085E1B

#2B8C4C #085E1B

Calculate the color between two colors, #2B8C4C and #085E1B. 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)

#2B8C4C - #085E1B | 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 #2B8C4C as 0% and #085E1B as 100%.

0.0%	0.0% #2B8C4C	RGB 43 140 76	#2B8C4C
16.7%	16.7% #258443	RGB 37 132 67	#258443
33.3%	33.3% #1F7C3B	RGB 31 124 59	#1F7C3B
50.0%	50.0% #197533	RGB 25 117 51	#197533
66.7%	66.7% #136D2B	RGB 19 109 43	#136D2B
83.3%	83.3% #0D6523	RGB 13 101 35	#0D6523
100.0%	100.0% #085E1B	RGB 8 94 27	#085E1B

#2B8C4C #258443 #1F7C3B #197533 #136D2B #0D6523 #085E1B

#2B8C4C - #085E1B

HSV Blend

#2B8C4C - #085E1B | 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 #2B8C4C as 0% and #085E1B as 100%.

0.0%	0.0% #2B8C4C	RGB 43 140 76	#2B8C4C
16.7%	16.7% #238442	RGB 35 132 66	#238442
33.3%	33.3% #1D7C39	RGB 29 124 57	#1D7C39
50.0%	50.0% #167531	RGB 22 117 49	#167531
66.7%	66.7% #116D29	RGB 17 109 41	#116D29
83.3%	83.3% #0C6521	RGB 12 101 33	#0C6521
100.0%	100.0% #085E1B	RGB 8 94 27	#085E1B

#2B8C4C #238442 #1D7C39 #167531 #116D29 #0C6521 #085E1B

#2B8C4C - #167531 - #085E1B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B8C4C 0%, #167531 50%, #085E1B 100%);
    background: -webkit-linear-gradient(top, #2B8C4C 0%, #167531 50%, #085E1B 100%);
    background: linear-gradient(to bottom, #2B8C4C 0%, #167531 50%, #085E1B 100%);
}
</style>