#165500 - #97AF5E | 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 #165500 to #97AF5E

#165500 #97AF5E

Calculate the color between two colors, #165500 and #97AF5E. 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)

#165500 - #97AF5E | 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 #165500 as 0% and #97AF5E as 100%.

0.0%	0.0% #165500	RGB 22 85 0	#165500
16.7%	16.7% #2B640F	RGB 43 100 15	#2B640F
33.3%	33.3% #41731F	RGB 65 115 31	#41731F
50.0%	50.0% #56822F	RGB 86 130 47	#56822F
66.7%	66.7% #6C913E	RGB 108 145 62	#6C913E
83.3%	83.3% #81A04E	RGB 129 160 78	#81A04E
100.0%	100.0% #97AF5E	RGB 151 175 94	#97AF5E

#165500 #2B640F #41731F #56822F #6C913E #81A04E #97AF5E

#165500 - #97AF5E

HSV Blend

#165500 - #97AF5E | 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 #165500 as 0% and #97AF5E as 100%.

0.0%	0.0% #155500	RGB 21 85 0	#155500
16.7%	16.7% #276408	RGB 39 100 8	#276408
33.3%	33.3% #3B7314	RGB 59 115 20	#3B7314
50.0%	50.0% #508222	RGB 80 130 34	#508222
66.7%	66.7% #679133	RGB 103 145 51	#679133
83.3%	83.3% #7FA047	RGB 127 160 71	#7FA047
100.0%	100.0% #97AF5E	RGB 151 175 94	#97AF5E

#155500 #276408 #3B7314 #508222 #679133 #7FA047 #97AF5E

#165500 - #508222 - #97AF5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #155500 0%, #508222 50%, #97AF5E 100%);
    background: -webkit-linear-gradient(top, #155500 0%, #508222 50%, #97AF5E 100%);
    background: linear-gradient(to bottom, #155500 0%, #508222 50%, #97AF5E 100%);
}
</style>