#2D9600 - #144A02 | 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 #2D9600 to #144A02

#2D9600 #144A02

Calculate the color between two colors, #2D9600 and #144A02. 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)

#2D9600 - #144A02 | 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 #2D9600 as 0% and #144A02 as 100%.

0.0%	0.0% #2D9600	RGB 45 150 0	#2D9600
16.7%	16.7% #288900	RGB 40 137 0	#288900
33.3%	33.3% #247C00	RGB 36 124 0	#247C00
50.0%	50.0% #207001	RGB 32 112 1	#207001
66.7%	66.7% #1C6301	RGB 28 99 1	#1C6301
83.3%	83.3% #185601	RGB 24 86 1	#185601
100.0%	100.0% #144A02	RGB 20 74 2	#144A02

#2D9600 #288900 #247C00 #207001 #1C6301 #185601 #144A02

#2D9600 - #144A02

HSV Blend

#2D9600 - #144A02 | 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 #2D9600 as 0% and #144A02 as 100%.

0.0%	0.0% #2D9600	RGB 45 150 0	#2D9600
16.7%	16.7% #288900	RGB 40 137 0	#288900
33.3%	33.3% #247C01	RGB 36 124 1	#247C01
50.0%	50.0% #1F7001	RGB 31 112 1	#1F7001
66.7%	66.7% #1B6301	RGB 27 99 1	#1B6301
83.3%	83.3% #175601	RGB 23 86 1	#175601
100.0%	100.0% #144A02	RGB 20 74 2	#144A02

#2D9600 #288900 #247C01 #1F7001 #1B6301 #175601 #144A02

#2D9600 - #1F7001 - #144A02

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D9600 0%, #1F7001 50%, #144A02 100%);
    background: -webkit-linear-gradient(top, #2D9600 0%, #1F7001 50%, #144A02 100%);
    background: linear-gradient(to bottom, #2D9600 0%, #1F7001 50%, #144A02 100%);
}
</style>