#96AB5E - #9CFB81 | 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 #96AB5E to #9CFB81

#96AB5E #9CFB81

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

#96AB5E - #9CFB81 | 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 #96AB5E as 0% and #9CFB81 as 100%.

0.0%	0.0% #96AB5E	RGB 150 171 94	#96AB5E
16.7%	16.7% #97B863	RGB 151 184 99	#97B863
33.3%	33.3% #98C569	RGB 152 197 105	#98C569
50.0%	50.0% #99D36F	RGB 153 211 111	#99D36F
66.7%	66.7% #9AE075	RGB 154 224 117	#9AE075
83.3%	83.3% #9BED7B	RGB 155 237 123	#9BED7B
100.0%	100.0% #9CFB81	RGB 156 251 129	#9CFB81

#96AB5E #97B863 #98C569 #99D36F #9AE075 #9BED7B #9CFB81

#96AB5E - #9CFB81

HSV Blend

#96AB5E - #9CFB81 | 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 #96AB5E as 0% and #9CFB81 as 100%.

0.0%	0.0% #96AB5E	RGB 150 171 94	#96AB5E
16.7%	16.7% #9AB864	RGB 154 184 100	#9AB864
33.3%	33.3% #9DC56A	RGB 157 197 106	#9DC56A
50.0%	50.0% #9FD370	RGB 159 211 112	#9FD370
66.7%	66.7% #9FE075	RGB 159 224 117	#9FE075
83.3%	83.3% #9EED7B	RGB 158 237 123	#9EED7B
100.0%	100.0% #9CFB81	RGB 156 251 129	#9CFB81

#96AB5E #9AB864 #9DC56A #9FD370 #9FE075 #9EED7B #9CFB81

#96AB5E - #9FD370 - #9CFB81

CSS codes

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

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