#616F3C - #424F08 | 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 #616F3C to #424F08

#616F3C #424F08

Calculate the color between two colors, #616F3C and #424F08. 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)

#616F3C - #424F08 | 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 #616F3C as 0% and #424F08 as 100%.

0.0%	0.0% #616F3C	RGB 97 111 60	#616F3C
16.7%	16.7% #5B6933	RGB 91 105 51	#5B6933
33.3%	33.3% #56642A	RGB 86 100 42	#56642A
50.0%	50.0% #515F22	RGB 81 95 34	#515F22
66.7%	66.7% #4C5919	RGB 76 89 25	#4C5919
83.3%	83.3% #475410	RGB 71 84 16	#475410
100.0%	100.0% #424F08	RGB 66 79 8	#424F08

#616F3C #5B6933 #56642A #515F22 #4C5919 #475410 #424F08

#616F3C - #424F08

HSV Blend

#616F3C - #424F08 | 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 #616F3C as 0% and #424F08 as 100%.

0.0%	0.0% #616F3C	RGB 97 111 60	#616F3C
16.7%	16.7% #5B6931	RGB 91 105 49	#5B6931
33.3%	33.3% #556427	RGB 85 100 39	#556427
50.0%	50.0% #505F1E	RGB 80 95 30	#505F1E
66.7%	66.7% #4B5916	RGB 75 89 22	#4B5916
83.3%	83.3% #46540E	RGB 70 84 14	#46540E
100.0%	100.0% #424F08	RGB 66 79 8	#424F08

#616F3C #5B6931 #556427 #505F1E #4B5916 #46540E #424F08

#616F3C - #505F1E - #424F08

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #616F3C 0%, #505F1E 50%, #424F08 100%);
    background: -webkit-linear-gradient(top, #616F3C 0%, #505F1E 50%, #424F08 100%);
    background: linear-gradient(to bottom, #616F3C 0%, #505F1E 50%, #424F08 100%);
}
</style>