#129600 - #FFFF4B | 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 #FFFF4B

#129600 #FFFF4B

Calculate the color between two colors, #129600 and #FFFF4B. 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 - #FFFF4B | 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 #FFFF4B as 100%.

0.0%	0.0% #129600	RGB 18 150 0	#129600
16.7%	16.7% #39A70C	RGB 57 167 12	#39A70C
33.3%	33.3% #61B919	RGB 97 185 25	#61B919
50.0%	50.0% #88CA25	RGB 136 202 37	#88CA25
66.7%	66.7% #B0DC32	RGB 176 220 50	#B0DC32
83.3%	83.3% #D7ED3E	RGB 215 237 62	#D7ED3E
100.0%	100.0% #FFFF4B	RGB 255 255 75	#FFFF4B

#129600 #39A70C #61B919 #88CA25 #B0DC32 #D7ED3E #FFFF4B

#129600 - #FFFF4B

HSV Blend

#129600 - #FFFF4B | 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 #FFFF4B as 100%.

0.0%	0.0% #129600	RGB 18 150 0	#129600
16.7%	16.7% #32A708	RGB 50 167 8	#32A708
33.3%	33.3% #57B912	RGB 87 185 18	#57B912
50.0%	50.0% #7ECA1D	RGB 126 202 29	#7ECA1D
66.7%	66.7% #A8DC2B	RGB 168 220 43	#A8DC2B
83.3%	83.3% #D3ED3A	RGB 211 237 58	#D3ED3A
100.0%	100.0% #FFFF4B	RGB 255 255 75	#FFFF4B

#129600 #32A708 #57B912 #7ECA1D #A8DC2B #D3ED3A #FFFF4B

#129600 - #7ECA1D - #FFFF4B

CSS codes

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

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