#85AA3C - #3C560F | 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 #85AA3C to #3C560F

#85AA3C #3C560F

Calculate the color between two colors, #85AA3C and #3C560F. 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)

#85AA3C - #3C560F | 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 #85AA3C as 0% and #3C560F as 100%.

0.0%	0.0% #85AA3C	RGB 133 170 60	#85AA3C
16.7%	16.7% #789C34	RGB 120 156 52	#789C34
33.3%	33.3% #6C8E2D	RGB 108 142 45	#6C8E2D
50.0%	50.0% #608025	RGB 96 128 37	#608025
66.7%	66.7% #54721E	RGB 84 114 30	#54721E
83.3%	83.3% #486416	RGB 72 100 22	#486416
100.0%	100.0% #3C560F	RGB 60 86 15	#3C560F

#85AA3C #789C34 #6C8E2D #608025 #54721E #486416 #3C560F

#85AA3C - #3C560F

HSV Blend

#85AA3C - #3C560F | 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 #85AA3C as 0% and #3C560F as 100%.

0.0%	0.0% #85AA3C	RGB 133 170 60	#85AA3C
16.7%	16.7% #779C32	RGB 119 156 50	#779C32
33.3%	33.3% #6B8E29	RGB 107 142 41	#6B8E29
50.0%	50.0% #5E8021	RGB 94 128 33	#5E8021
66.7%	66.7% #52721A	RGB 82 114 26	#52721A
83.3%	83.3% #476414	RGB 71 100 20	#476414
100.0%	100.0% #3C560F	RGB 60 86 15	#3C560F

#85AA3C #779C32 #6B8E29 #5E8021 #52721A #476414 #3C560F

#85AA3C - #5E8021 - #3C560F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #85AA3C 0%, #5E8021 50%, #3C560F 100%);
    background: -webkit-linear-gradient(top, #85AA3C 0%, #5E8021 50%, #3C560F 100%);
    background: linear-gradient(to bottom, #85AA3C 0%, #5E8021 50%, #3C560F 100%);
}
</style>