#A2FF2C - #2D480C | 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 #A2FF2C to #2D480C

#A2FF2C #2D480C

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

#A2FF2C - #2D480C | 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 #A2FF2C as 0% and #2D480C as 100%.

0.0%	0.0% #A2FF2C	RGB 162 255 44	#A2FF2C
16.7%	16.7% #8EE026	RGB 142 224 38	#8EE026
33.3%	33.3% #7BC221	RGB 123 194 33	#7BC221
50.0%	50.0% #67A31C	RGB 103 163 28	#67A31C
66.7%	66.7% #548416	RGB 84 132 22	#548416
83.3%	83.3% #406611	RGB 64 102 17	#406611
100.0%	100.0% #2D480C	RGB 45 72 12	#2D480C

#A2FF2C #8EE026 #7BC221 #67A31C #548416 #406611 #2D480C

#A2FF2C - #2D480C

HSV Blend

#A2FF2C - #2D480C | 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 #A2FF2C as 0% and #2D480C as 100%.

0.0%	0.0% #A2FF2B	RGB 162 255 43	#A2FF2B
16.7%	16.7% #8EE026	RGB 142 224 38	#8EE026
33.3%	33.3% #7AC221	RGB 122 194 33	#7AC221
50.0%	50.0% #67A31B	RGB 103 163 27	#67A31B
66.7%	66.7% #538416	RGB 83 132 22	#538416
83.3%	83.3% #406611	RGB 64 102 17	#406611
100.0%	100.0% #2D480C	RGB 45 72 12	#2D480C

#A2FF2B #8EE026 #7AC221 #67A31B #538416 #406611 #2D480C

#A2FF2C - #67A31B - #2D480C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2FF2B 0%, #67A31B 50%, #2D480C 100%);
    background: -webkit-linear-gradient(top, #A2FF2B 0%, #67A31B 50%, #2D480C 100%);
    background: linear-gradient(to bottom, #A2FF2B 0%, #67A31B 50%, #2D480C 100%);
}
</style>