#366931 - #124503 | 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 #366931 to #124503

#366931 #124503

Calculate the color between two colors, #366931 and #124503. 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)

#366931 - #124503 | 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 #366931 as 0% and #124503 as 100%.

0.0%	0.0% #366931	RGB 54 105 49	#366931
16.7%	16.7% #306329	RGB 48 99 41	#306329
33.3%	33.3% #2A5D21	RGB 42 93 33	#2A5D21
50.0%	50.0% #24571A	RGB 36 87 26	#24571A
66.7%	66.7% #1E5112	RGB 30 81 18	#1E5112
83.3%	83.3% #184B0A	RGB 24 75 10	#184B0A
100.0%	100.0% #124503	RGB 18 69 3	#124503

#366931 #306329 #2A5D21 #24571A #1E5112 #184B0A #124503

#366931 - #124503

HSV Blend

#366931 - #124503 | 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 #366931 as 0% and #124503 as 100%.

0.0%	0.0% #366931	RGB 54 105 49	#366931
16.7%	16.7% #2D6327	RGB 45 99 39	#2D6327
33.3%	33.3% #265D1E	RGB 38 93 30	#265D1E
50.0%	50.0% #205716	RGB 32 87 22	#205716
66.7%	66.7% #1A510E	RGB 26 81 14	#1A510E
83.3%	83.3% #164B08	RGB 22 75 8	#164B08
100.0%	100.0% #124503	RGB 18 69 3	#124503

#366931 #2D6327 #265D1E #205716 #1A510E #164B08 #124503

#366931 - #205716 - #124503

CSS codes

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

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