#96CB5E - #59A11D | 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 #96CB5E to #59A11D

#96CB5E #59A11D

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

#96CB5E - #59A11D | 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 #96CB5E as 0% and #59A11D as 100%.

0.0%	0.0% #96CB5E	RGB 150 203 94	#96CB5E
16.7%	16.7% #8BC453	RGB 139 196 83	#8BC453
33.3%	33.3% #81BD48	RGB 129 189 72	#81BD48
50.0%	50.0% #77B63D	RGB 119 182 61	#77B63D
66.7%	66.7% #6DAF32	RGB 109 175 50	#6DAF32
83.3%	83.3% #63A827	RGB 99 168 39	#63A827
100.0%	100.0% #59A11D	RGB 89 161 29	#59A11D

#96CB5E #8BC453 #81BD48 #77B63D #6DAF32 #63A827 #59A11D

#96CB5E - #59A11D

HSV Blend

#96CB5E - #59A11D | 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 #96CB5E as 0% and #59A11D as 100%.

0.0%	0.0% #96CB5E	RGB 150 203 94	#96CB5E
16.7%	16.7% #8BC451	RGB 139 196 81	#8BC451
33.3%	33.3% #80BD45	RGB 128 189 69	#80BD45
50.0%	50.0% #76B63A	RGB 118 182 58	#76B63A
66.7%	66.7% #6CAF30	RGB 108 175 48	#6CAF30
83.3%	83.3% #62A826	RGB 98 168 38	#62A826
100.0%	100.0% #59A11D	RGB 89 161 29	#59A11D

#96CB5E #8BC451 #80BD45 #76B63A #6CAF30 #62A826 #59A11D

#96CB5E - #76B63A - #59A11D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #96CB5E 0%, #76B63A 50%, #59A11D 100%);
    background: -webkit-linear-gradient(top, #96CB5E 0%, #76B63A 50%, #59A11D 100%);
    background: linear-gradient(to bottom, #96CB5E 0%, #76B63A 50%, #59A11D 100%);
}
</style>