#96EB6C - #2A431E | 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 #96EB6C to #2A431E

#96EB6C #2A431E

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

#96EB6C - #2A431E | 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 #96EB6C as 0% and #2A431E as 100%.

0.0%	0.0% #96EB6C	RGB 150 235 108	#96EB6C
16.7%	16.7% #84CF5F	RGB 132 207 95	#84CF5F
33.3%	33.3% #72B352	RGB 114 179 82	#72B352
50.0%	50.0% #609745	RGB 96 151 69	#609745
66.7%	66.7% #4E7B38	RGB 78 123 56	#4E7B38
83.3%	83.3% #3C5F2B	RGB 60 95 43	#3C5F2B
100.0%	100.0% #2A431E	RGB 42 67 30	#2A431E

#96EB6C #84CF5F #72B352 #609745 #4E7B38 #3C5F2B #2A431E

#96EB6C - #2A431E

HSV Blend

#96EB6C - #2A431E | 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 #96EB6C as 0% and #2A431E as 100%.

0.0%	0.0% #96EB6C	RGB 150 235 108	#96EB6C
16.7%	16.7% #83CF5E	RGB 131 207 94	#83CF5E
33.3%	33.3% #71B351	RGB 113 179 81	#71B351
50.0%	50.0% #5F9744	RGB 95 151 68	#5F9744
66.7%	66.7% #4D7B37	RGB 77 123 55	#4D7B37
83.3%	83.3% #3B5F2A	RGB 59 95 42	#3B5F2A
100.0%	100.0% #2A431E	RGB 42 67 30	#2A431E

#96EB6C #83CF5E #71B351 #5F9744 #4D7B37 #3B5F2A #2A431E

#96EB6C - #5F9744 - #2A431E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #96EB6C 0%, #5F9744 50%, #2A431E 100%);
    background: -webkit-linear-gradient(top, #96EB6C 0%, #5F9744 50%, #2A431E 100%);
    background: linear-gradient(to bottom, #96EB6C 0%, #5F9744 50%, #2A431E 100%);
}
</style>