#406931 - #BFB65B | 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 #406931 to #BFB65B

#406931 #BFB65B

Calculate the color between two colors, #406931 and #BFB65B. 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)

#406931 - #BFB65B | 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 #406931 as 0% and #BFB65B as 100%.

0.0%	0.0% #406931	RGB 64 105 49	#406931
16.7%	16.7% #557538	RGB 85 117 56	#557538
33.3%	33.3% #6A823F	RGB 106 130 63	#6A823F
50.0%	50.0% #7F8F46	RGB 127 143 70	#7F8F46
66.7%	66.7% #949C4D	RGB 148 156 77	#949C4D
83.3%	83.3% #A9A954	RGB 169 169 84	#A9A954
100.0%	100.0% #BFB65B	RGB 191 182 91	#BFB65B

#406931 #557538 #6A823F #7F8F46 #949C4D #A9A954 #BFB65B

#406931 - #BFB65B

HSV Blend

#406931 - #BFB65B | 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 #406931 as 0% and #BFB65B as 100%.

0.0%	0.0% #406931	RGB 64 105 49	#406931
16.7%	16.7% #517737	RGB 81 119 55	#517737
33.3%	33.3% #65853E	RGB 101 133 62	#65853E
50.0%	50.0% #7A9445	RGB 122 148 69	#7A9445
66.7%	66.7% #92A24C	RGB 146 162 76	#92A24C
83.3%	83.3% #ACB053	RGB 172 176 83	#ACB053
100.0%	100.0% #BFB65B	RGB 191 182 91	#BFB65B

#406931 #517737 #65853E #7A9445 #92A24C #ACB053 #BFB65B

#406931 - #7A9445 - #BFB65B

CSS codes

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

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