#96D98F - #3C9D3C | 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 #96D98F to #3C9D3C

#96D98F #3C9D3C

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

#96D98F - #3C9D3C | 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 #96D98F as 0% and #3C9D3C as 100%.

0.0%	0.0% #96D98F	RGB 150 217 143	#96D98F
16.7%	16.7% #87CF81	RGB 135 207 129	#87CF81
33.3%	33.3% #78C573	RGB 120 197 115	#78C573
50.0%	50.0% #69BB65	RGB 105 187 101	#69BB65
66.7%	66.7% #5AB157	RGB 90 177 87	#5AB157
83.3%	83.3% #4BA749	RGB 75 167 73	#4BA749
100.0%	100.0% #3C9D3C	RGB 60 157 60	#3C9D3C

#96D98F #87CF81 #78C573 #69BB65 #5AB157 #4BA749 #3C9D3C

#96D98F - #3C9D3C

HSV Blend

#96D98F - #3C9D3C | 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 #96D98F as 0% and #3C9D3C as 100%.

0.0%	0.0% #96D98F	RGB 150 217 143	#96D98F
16.7%	16.7% #85CF7E	RGB 133 207 126	#85CF7E
33.3%	33.3% #75C56F	RGB 117 197 111	#75C56F
50.0%	50.0% #65BB61	RGB 101 187 97	#65BB61
66.7%	66.7% #56B153	RGB 86 177 83	#56B153
83.3%	83.3% #49A747	RGB 73 167 71	#49A747
100.0%	100.0% #3C9D3C	RGB 60 157 60	#3C9D3C

#96D98F #85CF7E #75C56F #65BB61 #56B153 #49A747 #3C9D3C

#96D98F - #65BB61 - #3C9D3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #96D98F 0%, #65BB61 50%, #3C9D3C 100%);
    background: -webkit-linear-gradient(top, #96D98F 0%, #65BB61 50%, #3C9D3C 100%);
    background: linear-gradient(to bottom, #96D98F 0%, #65BB61 50%, #3C9D3C 100%);
}
</style>