#18DF1B - #A8FFA8 | 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 #18DF1B to #A8FFA8

#18DF1B #A8FFA8

Calculate the color between two colors, #18DF1B and #A8FFA8. 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)

#18DF1B - #A8FFA8 | 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 #18DF1B as 0% and #A8FFA8 as 100%.

0.0%	0.0% #18DF1B	RGB 24 223 27	#18DF1B
16.7%	16.7% #30E432	RGB 48 228 50	#30E432
33.3%	33.3% #48E94A	RGB 72 233 74	#48E94A
50.0%	50.0% #60EF61	RGB 96 239 97	#60EF61
66.7%	66.7% #78F479	RGB 120 244 121	#78F479
83.3%	83.3% #90F990	RGB 144 249 144	#90F990
100.0%	100.0% #A8FFA8	RGB 168 255 168	#A8FFA8

#18DF1B #30E432 #48E94A #60EF61 #78F479 #90F990 #A8FFA8

#18DF1B - #A8FFA8

HSV Blend

#18DF1B - #A8FFA8 | 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 #18DF1B as 0% and #A8FFA8 as 100%.

0.0%	0.0% #18DF1A	RGB 24 223 26	#18DF1A
16.7%	16.7% #2DE42F	RGB 45 228 47	#2DE42F
33.3%	33.3% #44E945	RGB 68 233 69	#44E945
50.0%	50.0% #5BEF5C	RGB 91 239 92	#5BEF5C
66.7%	66.7% #74F474	RGB 116 244 116	#74F474
83.3%	83.3% #8DF98D	RGB 141 249 141	#8DF98D
100.0%	100.0% #A8FFA8	RGB 168 255 168	#A8FFA8

#18DF1A #2DE42F #44E945 #5BEF5C #74F474 #8DF98D #A8FFA8

#18DF1B - #5BEF5C - #A8FFA8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #18DF1A 0%, #5BEF5C 50%, #A8FFA8 100%);
    background: -webkit-linear-gradient(top, #18DF1A 0%, #5BEF5C 50%, #A8FFA8 100%);
    background: linear-gradient(to bottom, #18DF1A 0%, #5BEF5C 50%, #A8FFA8 100%);
}
</style>