#2B8C5D - #005D1A | 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 #2B8C5D to #005D1A

#2B8C5D #005D1A

Calculate the color between two colors, #2B8C5D and #005D1A. 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)

#2B8C5D - #005D1A | 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 #2B8C5D as 0% and #005D1A as 100%.

0.0%	0.0% #2B8C5D	RGB 43 140 93	#2B8C5D
16.7%	16.7% #238451	RGB 35 132 81	#238451
33.3%	33.3% #1C7C46	RGB 28 124 70	#1C7C46
50.0%	50.0% #15743B	RGB 21 116 59	#15743B
66.7%	66.7% #0E6C30	RGB 14 108 48	#0E6C30
83.3%	83.3% #076425	RGB 7 100 37	#076425
100.0%	100.0% #005D1A	RGB 0 93 26	#005D1A

#2B8C5D #238451 #1C7C46 #15743B #0E6C30 #076425 #005D1A

#2B8C5D - #005D1A

HSV Blend

#2B8C5D - #005D1A | 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 #2B8C5D as 0% and #005D1A as 100%.

0.0%	0.0% #2B8C5D	RGB 43 140 93	#2B8C5D
16.7%	16.7% #218450	RGB 33 132 80	#218450
33.3%	33.3% #197C44	RGB 25 124 68	#197C44
50.0%	50.0% #117439	RGB 17 116 57	#117439
66.7%	66.7% #0B6C2E	RGB 11 108 46	#0B6C2E
83.3%	83.3% #056423	RGB 5 100 35	#056423
100.0%	100.0% #005D1A	RGB 0 93 26	#005D1A

#2B8C5D #218450 #197C44 #117439 #0B6C2E #056423 #005D1A

#2B8C5D - #117439 - #005D1A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B8C5D 0%, #117439 50%, #005D1A 100%);
    background: -webkit-linear-gradient(top, #2B8C5D 0%, #117439 50%, #005D1A 100%);
    background: linear-gradient(to bottom, #2B8C5D 0%, #117439 50%, #005D1A 100%);
}
</style>