#2B5E16 - #123A06 | 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 #2B5E16 to #123A06

#2B5E16 #123A06

Calculate the color between two colors, #2B5E16 and #123A06. 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)

#2B5E16 - #123A06 | 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 #2B5E16 as 0% and #123A06 as 100%.

0.0%	0.0% #2B5E16	RGB 43 94 22	#2B5E16
16.7%	16.7% #265813	RGB 38 88 19	#265813
33.3%	33.3% #225210	RGB 34 82 16	#225210
50.0%	50.0% #1E4C0E	RGB 30 76 14	#1E4C0E
66.7%	66.7% #1A460B	RGB 26 70 11	#1A460B
83.3%	83.3% #164008	RGB 22 64 8	#164008
100.0%	100.0% #123A06	RGB 18 58 6	#123A06

#2B5E16 #265813 #225210 #1E4C0E #1A460B #164008 #123A06

#2B5E16 - #123A06

HSV Blend

#2B5E16 - #123A06 | 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 #2B5E16 as 0% and #123A06 as 100%.

0.0%	0.0% #2B5E15	RGB 43 94 21	#2B5E15
16.7%	16.7% #265812	RGB 38 88 18	#265812
33.3%	33.3% #21520F	RGB 33 82 15	#21520F
50.0%	50.0% #1D4C0C	RGB 29 76 12	#1D4C0C
66.7%	66.7% #19460A	RGB 25 70 10	#19460A
83.3%	83.3% #154008	RGB 21 64 8	#154008
100.0%	100.0% #123A06	RGB 18 58 6	#123A06

#2B5E15 #265812 #21520F #1D4C0C #19460A #154008 #123A06

#2B5E16 - #1D4C0C - #123A06

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B5E15 0%, #1D4C0C 50%, #123A06 100%);
    background: -webkit-linear-gradient(top, #2B5E15 0%, #1D4C0C 50%, #123A06 100%);
    background: linear-gradient(to bottom, #2B5E15 0%, #1D4C0C 50%, #123A06 100%);
}
</style>