#015500 - #82AF5E | 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 #015500 to #82AF5E

#015500 #82AF5E

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

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

0.0%	0.0% #015500	RGB 1 85 0	#015500
16.7%	16.7% #16640F	RGB 22 100 15	#16640F
33.3%	33.3% #2C731F	RGB 44 115 31	#2C731F
50.0%	50.0% #41822F	RGB 65 130 47	#41822F
66.7%	66.7% #57913E	RGB 87 145 62	#57913E
83.3%	83.3% #6CA04E	RGB 108 160 78	#6CA04E
100.0%	100.0% #82AF5E	RGB 130 175 94	#82AF5E

#015500 #16640F #2C731F #41822F #57913E #6CA04E #82AF5E

#015500 - #82AF5E

HSV Blend

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

0.0%	0.0% #005500	RGB 0 85 0	#005500
16.7%	16.7% #106408	RGB 16 100 8	#106408
33.3%	33.3% #237314	RGB 35 115 20	#237314
50.0%	50.0% #388222	RGB 56 130 34	#388222
66.7%	66.7% #4F9133	RGB 79 145 51	#4F9133
83.3%	83.3% #68A047	RGB 104 160 71	#68A047
100.0%	100.0% #82AF5E	RGB 130 175 94	#82AF5E

#005500 #106408 #237314 #388222 #4F9133 #68A047 #82AF5E

#015500 - #388222 - #82AF5E

CSS codes

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

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