#A8FF6C - #2F481E | 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 #A8FF6C to #2F481E

#A8FF6C #2F481E

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

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

0.0%	0.0% #A8FF6C	RGB 168 255 108	#A8FF6C
16.7%	16.7% #93E05F	RGB 147 224 95	#93E05F
33.3%	33.3% #7FC252	RGB 127 194 82	#7FC252
50.0%	50.0% #6BA345	RGB 107 163 69	#6BA345
66.7%	66.7% #578438	RGB 87 132 56	#578438
83.3%	83.3% #43662B	RGB 67 102 43	#43662B
100.0%	100.0% #2F481E	RGB 47 72 30	#2F481E

#A8FF6C #93E05F #7FC252 #6BA345 #578438 #43662B #2F481E

#A8FF6C - #2F481E

HSV Blend

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

0.0%	0.0% #A8FF6C	RGB 168 255 108	#A8FF6C
16.7%	16.7% #93E05E	RGB 147 224 94	#93E05E
33.3%	33.3% #7FC251	RGB 127 194 81	#7FC251
50.0%	50.0% #6BA344	RGB 107 163 68	#6BA344
66.7%	66.7% #578437	RGB 87 132 55	#578437
83.3%	83.3% #43662A	RGB 67 102 42	#43662A
100.0%	100.0% #2F481E	RGB 47 72 30	#2F481E

#A8FF6C #93E05E #7FC251 #6BA344 #578437 #43662A #2F481E

#A8FF6C - #6BA344 - #2F481E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8FF6C 0%, #6BA344 50%, #2F481E 100%);
    background: -webkit-linear-gradient(top, #A8FF6C 0%, #6BA344 50%, #2F481E 100%);
    background: linear-gradient(to bottom, #A8FF6C 0%, #6BA344 50%, #2F481E 100%);
}
</style>