#A8CC33 - #96FF6B | 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 #A8CC33 to #96FF6B

#A8CC33 #96FF6B

Calculate the color between two colors, #A8CC33 and #96FF6B. 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)

#A8CC33 - #96FF6B | 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 #A8CC33 as 0% and #96FF6B as 100%.

0.0%	0.0% #A8CC33	RGB 168 204 51	#A8CC33
16.7%	16.7% #A5D43C	RGB 165 212 60	#A5D43C
33.3%	33.3% #A2DD45	RGB 162 221 69	#A2DD45
50.0%	50.0% #9FE54F	RGB 159 229 79	#9FE54F
66.7%	66.7% #9CEE58	RGB 156 238 88	#9CEE58
83.3%	83.3% #99F661	RGB 153 246 97	#99F661
100.0%	100.0% #96FF6B	RGB 150 255 107	#96FF6B

#A8CC33 #A5D43C #A2DD45 #9FE54F #9CEE58 #99F661 #96FF6B

#A8CC33 - #96FF6B

HSV Blend

#A8CC33 - #96FF6B | 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 #A8CC33 as 0% and #96FF6B as 100%.

0.0%	0.0% #A8CC33	RGB 168 204 51	#A8CC33
16.7%	16.7% #A4D43B	RGB 164 212 59	#A4D43B
33.3%	33.3% #A0DD43	RGB 160 221 67	#A0DD43
50.0%	50.0% #9DE54C	RGB 157 229 76	#9DE54C
66.7%	66.7% #9AEE56	RGB 154 238 86	#9AEE56
83.3%	83.3% #97F660	RGB 151 246 96	#97F660
100.0%	100.0% #96FF6B	RGB 150 255 107	#96FF6B

#A8CC33 #A4D43B #A0DD43 #9DE54C #9AEE56 #97F660 #96FF6B

#A8CC33 - #9DE54C - #96FF6B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8CC33 0%, #9DE54C 50%, #96FF6B 100%);
    background: -webkit-linear-gradient(top, #A8CC33 0%, #9DE54C 50%, #96FF6B 100%);
    background: linear-gradient(to bottom, #A8CC33 0%, #9DE54C 50%, #96FF6B 100%);
}
</style>