#129600 - #052A00 | 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 #129600 to #052A00

#129600 #052A00

Calculate the color between two colors, #129600 and #052A00. 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)

#129600 - #052A00 | 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 #129600 as 0% and #052A00 as 100%.

0.0%	0.0% #129600	RGB 18 150 0	#129600
16.7%	16.7% #0F8400	RGB 15 132 0	#0F8400
33.3%	33.3% #0D7200	RGB 13 114 0	#0D7200
50.0%	50.0% #0B6000	RGB 11 96 0	#0B6000
66.7%	66.7% #094E00	RGB 9 78 0	#094E00
83.3%	83.3% #073C00	RGB 7 60 0	#073C00
100.0%	100.0% #052A00	RGB 5 42 0	#052A00

#129600 #0F8400 #0D7200 #0B6000 #094E00 #073C00 #052A00

#129600 - #052A00

HSV Blend

#129600 - #052A00 | 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 #129600 as 0% and #052A00 as 100%.

0.0%	0.0% #129600	RGB 18 150 0	#129600
16.7%	16.7% #0F8400	RGB 15 132 0	#0F8400
33.3%	33.3% #0D7200	RGB 13 114 0	#0D7200
50.0%	50.0% #0B6000	RGB 11 96 0	#0B6000
66.7%	66.7% #094E00	RGB 9 78 0	#094E00
83.3%	83.3% #073C00	RGB 7 60 0	#073C00
100.0%	100.0% #052A00	RGB 5 42 0	#052A00

#129600 #0F8400 #0D7200 #0B6000 #094E00 #073C00 #052A00

#129600 - #0B6000 - #052A00

CSS codes

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

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