#6BAF3C - #2F7A0E | 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 #6BAF3C to #2F7A0E

#6BAF3C #2F7A0E

Calculate the color between two colors, #6BAF3C and #2F7A0E. 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)

#6BAF3C - #2F7A0E | 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 #6BAF3C as 0% and #2F7A0E as 100%.

0.0%	0.0% #6BAF3C	RGB 107 175 60	#6BAF3C
16.7%	16.7% #61A634	RGB 97 166 52	#61A634
33.3%	33.3% #579D2C	RGB 87 157 44	#579D2C
50.0%	50.0% #4D9425	RGB 77 148 37	#4D9425
66.7%	66.7% #438B1D	RGB 67 139 29	#438B1D
83.3%	83.3% #398215	RGB 57 130 21	#398215
100.0%	100.0% #2F7A0E	RGB 47 122 14	#2F7A0E

#6BAF3C #61A634 #579D2C #4D9425 #438B1D #398215 #2F7A0E

#6BAF3C - #2F7A0E

HSV Blend

#6BAF3C - #2F7A0E | 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 #6BAF3C as 0% and #2F7A0E as 100%.

0.0%	0.0% #6BAF3C	RGB 107 175 60	#6BAF3C
16.7%	16.7% #5FA632	RGB 95 166 50	#5FA632
33.3%	33.3% #559D29	RGB 85 157 41	#559D29
50.0%	50.0% #4A9421	RGB 74 148 33	#4A9421
66.7%	66.7% #418B1A	RGB 65 139 26	#418B1A
83.3%	83.3% #378213	RGB 55 130 19	#378213
100.0%	100.0% #2F7A0E	RGB 47 122 14	#2F7A0E

#6BAF3C #5FA632 #559D29 #4A9421 #418B1A #378213 #2F7A0E

#6BAF3C - #4A9421 - #2F7A0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6BAF3C 0%, #4A9421 50%, #2F7A0E 100%);
    background: -webkit-linear-gradient(top, #6BAF3C 0%, #4A9421 50%, #2F7A0E 100%);
    background: linear-gradient(to bottom, #6BAF3C 0%, #4A9421 50%, #2F7A0E 100%);
}
</style>