#5E5506 - #96B13D | 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 #5E5506 to #96B13D

#5E5506 #96B13D

Calculate the color between two colors, #5E5506 and #96B13D. 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)

#5E5506 - #96B13D | 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 #5E5506 as 0% and #96B13D as 100%.

0.0%	0.0% #5E5506	RGB 94 85 6	#5E5506
16.7%	16.7% #67640F	RGB 103 100 15	#67640F
33.3%	33.3% #707318	RGB 112 115 24	#707318
50.0%	50.0% #7A8321	RGB 122 131 33	#7A8321
66.7%	66.7% #83922A	RGB 131 146 42	#83922A
83.3%	83.3% #8CA133	RGB 140 161 51	#8CA133
100.0%	100.0% #96B13D	RGB 150 177 61	#96B13D

#5E5506 #67640F #707318 #7A8321 #83922A #8CA133 #96B13D

#5E5506 - #96B13D

HSV Blend

#5E5506 - #96B13D | 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 #5E5506 as 0% and #96B13D as 100%.

0.0%	0.0% #5E5505	RGB 94 85 5	#5E5505
16.7%	16.7% #6B670B	RGB 107 103 11	#6B670B
33.3%	33.3% #787913	RGB 120 121 19	#787913
50.0%	50.0% #80871B	RGB 128 135 27	#80871B
66.7%	66.7% #879525	RGB 135 149 37	#879525
83.3%	83.3% #8EA330	RGB 142 163 48	#8EA330
100.0%	100.0% #96B13D	RGB 150 177 61	#96B13D

#5E5505 #6B670B #787913 #80871B #879525 #8EA330 #96B13D

#5E5506 - #80871B - #96B13D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5505 0%, #80871B 50%, #96B13D 100%);
    background: -webkit-linear-gradient(top, #5E5505 0%, #80871B 50%, #96B13D 100%);
    background: linear-gradient(to bottom, #5E5505 0%, #80871B 50%, #96B13D 100%);
}
</style>