#265300 - #A6AD5E | 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 #265300 to #A6AD5E

#265300 #A6AD5E

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

#265300 - #A6AD5E | 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 #265300 as 0% and #A6AD5E as 100%.

0.0%	0.0% #265300	RGB 38 83 0	#265300
16.7%	16.7% #3B620F	RGB 59 98 15	#3B620F
33.3%	33.3% #50711F	RGB 80 113 31	#50711F
50.0%	50.0% #66802F	RGB 102 128 47	#66802F
66.7%	66.7% #7B8F3E	RGB 123 143 62	#7B8F3E
83.3%	83.3% #909E4E	RGB 144 158 78	#909E4E
100.0%	100.0% #A6AD5E	RGB 166 173 94	#A6AD5E

#265300 #3B620F #50711F #66802F #7B8F3E #909E4E #A6AD5E

#265300 - #A6AD5E

HSV Blend

#265300 - #A6AD5E | 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 #265300 as 0% and #A6AD5E as 100%.

0.0%	0.0% #265300	RGB 38 83 0	#265300
16.7%	16.7% #386208	RGB 56 98 8	#386208
33.3%	33.3% #4C7114	RGB 76 113 20	#4C7114
50.0%	50.0% #628022	RGB 98 128 34	#628022
66.7%	66.7% #798F33	RGB 121 143 51	#798F33
83.3%	83.3% #8F9E47	RGB 143 158 71	#8F9E47
100.0%	100.0% #A6AD5E	RGB 166 173 94	#A6AD5E

#265300 #386208 #4C7114 #628022 #798F33 #8F9E47 #A6AD5E

#265300 - #628022 - #A6AD5E

CSS codes

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

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