#3B9600 - #A8FC2E | 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 #3B9600 to #A8FC2E

#3B9600 #A8FC2E

Calculate the color between two colors, #3B9600 and #A8FC2E. 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)

#3B9600 - #A8FC2E | 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 #3B9600 as 0% and #A8FC2E as 100%.

0.0%	0.0% #3B9600	RGB 59 150 0	#3B9600
16.7%	16.7% #4DA707	RGB 77 167 7	#4DA707
33.3%	33.3% #5FB80F	RGB 95 184 15	#5FB80F
50.0%	50.0% #71C917	RGB 113 201 23	#71C917
66.7%	66.7% #83DA1E	RGB 131 218 30	#83DA1E
83.3%	83.3% #95EB26	RGB 149 235 38	#95EB26
100.0%	100.0% #A8FC2E	RGB 168 252 46	#A8FC2E

#3B9600 #4DA707 #5FB80F #71C917 #83DA1E #95EB26 #A8FC2E

#3B9600 - #A8FC2E

HSV Blend

#3B9600 - #A8FC2E | 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 #3B9600 as 0% and #A8FC2E as 100%.

0.0%	0.0% #3B9600	RGB 59 150 0	#3B9600
16.7%	16.7% #4AA705	RGB 74 167 5	#4AA705
33.3%	33.3% #5AB80B	RGB 90 184 11	#5AB80B
50.0%	50.0% #6CC912	RGB 108 201 18	#6CC912
66.7%	66.7% #7FDA1A	RGB 127 218 26	#7FDA1A
83.3%	83.3% #93EB23	RGB 147 235 35	#93EB23
100.0%	100.0% #A8FC2E	RGB 168 252 46	#A8FC2E

#3B9600 #4AA705 #5AB80B #6CC912 #7FDA1A #93EB23 #A8FC2E

#3B9600 - #6CC912 - #A8FC2E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B9600 0%, #6CC912 50%, #A8FC2E 100%);
    background: -webkit-linear-gradient(top, #3B9600 0%, #6CC912 50%, #A8FC2E 100%);
    background: linear-gradient(to bottom, #3B9600 0%, #6CC912 50%, #A8FC2E 100%);
}
</style>