#96DB6B - #4DB526 | 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 #96DB6B to #4DB526

#96DB6B #4DB526

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

#96DB6B - #4DB526 | 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 #96DB6B as 0% and #4DB526 as 100%.

0.0%	0.0% #96DB6B	RGB 150 219 107	#96DB6B
16.7%	16.7% #89D45F	RGB 137 212 95	#89D45F
33.3%	33.3% #7DCE54	RGB 125 206 84	#7DCE54
50.0%	50.0% #71C848	RGB 113 200 72	#71C848
66.7%	66.7% #65C13D	RGB 101 193 61	#65C13D
83.3%	83.3% #59BB31	RGB 89 187 49	#59BB31
100.0%	100.0% #4DB526	RGB 77 181 38	#4DB526

#96DB6B #89D45F #7DCE54 #71C848 #65C13D #59BB31 #4DB526

#96DB6B - #4DB526

HSV Blend

#96DB6B - #4DB526 | 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 #96DB6B as 0% and #4DB526 as 100%.

0.0%	0.0% #96DB6B	RGB 150 219 107	#96DB6B
16.7%	16.7% #89D45E	RGB 137 212 94	#89D45E
33.3%	33.3% #7CCE51	RGB 124 206 81	#7CCE51
50.0%	50.0% #70C845	RGB 112 200 69	#70C845
66.7%	66.7% #64C13A	RGB 100 193 58	#64C13A
83.3%	83.3% #58BB30	RGB 88 187 48	#58BB30
100.0%	100.0% #4DB526	RGB 77 181 38	#4DB526

#96DB6B #89D45E #7CCE51 #70C845 #64C13A #58BB30 #4DB526

#96DB6B - #70C845 - #4DB526

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #96DB6B 0%, #70C845 50%, #4DB526 100%);
    background: -webkit-linear-gradient(top, #96DB6B 0%, #70C845 50%, #4DB526 100%);
    background: linear-gradient(to bottom, #96DB6B 0%, #70C845 50%, #4DB526 100%);
}
</style>