#8FFF01 - #41680A | 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 #8FFF01 to #41680A

#8FFF01 #41680A

Calculate the color between two colors, #8FFF01 and #41680A. 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)

#8FFF01 - #41680A | 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 #8FFF01 as 0% and #41680A as 100%.

0.0%	0.0% #8FFF01	RGB 143 255 1	#8FFF01
16.7%	16.7% #82E502	RGB 130 229 2	#82E502
33.3%	33.3% #75CC04	RGB 117 204 4	#75CC04
50.0%	50.0% #68B305	RGB 104 179 5	#68B305
66.7%	66.7% #5B9A07	RGB 91 154 7	#5B9A07
83.3%	83.3% #4E8108	RGB 78 129 8	#4E8108
100.0%	100.0% #41680A	RGB 65 104 10	#41680A

#8FFF01 #82E502 #75CC04 #68B305 #5B9A07 #4E8108 #41680A

#8FFF01 - #41680A

HSV Blend

#8FFF01 - #41680A | 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 #8FFF01 as 0% and #41680A as 100%.

0.0%	0.0% #8FFF00	RGB 143 255 0	#8FFF00
16.7%	16.7% #83E504	RGB 131 229 4	#83E504
33.3%	33.3% #77CC07	RGB 119 204 7	#77CC07
50.0%	50.0% #6AB308	RGB 106 179 8	#6AB308
66.7%	66.7% #5D9A0A	RGB 93 154 10	#5D9A0A
83.3%	83.3% #4F810A	RGB 79 129 10	#4F810A
100.0%	100.0% #41680A	RGB 65 104 10	#41680A

#8FFF00 #83E504 #77CC07 #6AB308 #5D9A0A #4F810A #41680A

#8FFF01 - #6AB308 - #41680A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8FFF00 0%, #6AB308 50%, #41680A 100%);
    background: -webkit-linear-gradient(top, #8FFF00 0%, #6AB308 50%, #41680A 100%);
    background: linear-gradient(to bottom, #8FFF00 0%, #6AB308 50%, #41680A 100%);
}
</style>