#2F5E00 - #B6B85D | 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 #2F5E00 to #B6B85D

#2F5E00 #B6B85D

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

#2F5E00 - #B6B85D | 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 #2F5E00 as 0% and #B6B85D as 100%.

0.0%	0.0% #2F5E00	RGB 47 94 0	#2F5E00
16.7%	16.7% #456D0F	RGB 69 109 15	#456D0F
33.3%	33.3% #5C7C1F	RGB 92 124 31	#5C7C1F
50.0%	50.0% #728B2E	RGB 114 139 46	#728B2E
66.7%	66.7% #899A3E	RGB 137 154 62	#899A3E
83.3%	83.3% #9FA94D	RGB 159 169 77	#9FA94D
100.0%	100.0% #B6B85D	RGB 182 184 93	#B6B85D

#2F5E00 #456D0F #5C7C1F #728B2E #899A3E #9FA94D #B6B85D

#2F5E00 - #B6B85D

HSV Blend

#2F5E00 - #B6B85D | 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 #2F5E00 as 0% and #B6B85D as 100%.

0.0%	0.0% #2F5E00	RGB 47 94 0	#2F5E00
16.7%	16.7% #436D09	RGB 67 109 9	#436D09
33.3%	33.3% #587C14	RGB 88 124 20	#587C14
50.0%	50.0% #6F8B23	RGB 111 139 35	#6F8B23
66.7%	66.7% #879A33	RGB 135 154 51	#879A33
83.3%	83.3% #9FA947	RGB 159 169 71	#9FA947
100.0%	100.0% #B6B85D	RGB 182 184 93	#B6B85D

#2F5E00 #436D09 #587C14 #6F8B23 #879A33 #9FA947 #B6B85D

#2F5E00 - #6F8B23 - #B6B85D

CSS codes

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

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