#0B5500 - #8EAF5E | 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 #0B5500 to #8EAF5E

#0B5500 #8EAF5E

Calculate the color between two colors, #0B5500 and #8EAF5E. 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)

#0B5500 - #8EAF5E | 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 #0B5500 as 0% and #8EAF5E as 100%.

0.0%	0.0% #0B5500	RGB 11 85 0	#0B5500
16.7%	16.7% #20640F	RGB 32 100 15	#20640F
33.3%	33.3% #36731F	RGB 54 115 31	#36731F
50.0%	50.0% #4C822F	RGB 76 130 47	#4C822F
66.7%	66.7% #62913E	RGB 98 145 62	#62913E
83.3%	83.3% #78A04E	RGB 120 160 78	#78A04E
100.0%	100.0% #8EAF5E	RGB 142 175 94	#8EAF5E

#0B5500 #20640F #36731F #4C822F #62913E #78A04E #8EAF5E

#0B5500 - #8EAF5E

HSV Blend

#0B5500 - #8EAF5E | 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 #0B5500 as 0% and #8EAF5E as 100%.

0.0%	0.0% #0A5500	RGB 10 85 0	#0A5500
16.7%	16.7% #1B6408	RGB 27 100 8	#1B6408
33.3%	33.3% #2F7314	RGB 47 115 20	#2F7314
50.0%	50.0% #458222	RGB 69 130 34	#458222
66.7%	66.7% #5C9133	RGB 92 145 51	#5C9133
83.3%	83.3% #75A047	RGB 117 160 71	#75A047
100.0%	100.0% #8EAF5E	RGB 142 175 94	#8EAF5E

#0A5500 #1B6408 #2F7314 #458222 #5C9133 #75A047 #8EAF5E

#0B5500 - #458222 - #8EAF5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0A5500 0%, #458222 50%, #8EAF5E 100%);
    background: -webkit-linear-gradient(top, #0A5500 0%, #458222 50%, #8EAF5E 100%);
    background: linear-gradient(to bottom, #0A5500 0%, #458222 50%, #8EAF5E 100%);
}
</style>