#46643D - #A8C965 | 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 #46643D to #A8C965

#46643D #A8C965

Calculate the color between two colors, #46643D and #A8C965. 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)

#46643D - #A8C965 | 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 #46643D as 0% and #A8C965 as 100%.

0.0%	0.0% #46643D	RGB 70 100 61	#46643D
16.7%	16.7% #567443	RGB 86 116 67	#567443
33.3%	33.3% #66854A	RGB 102 133 74	#66854A
50.0%	50.0% #779651	RGB 119 150 81	#779651
66.7%	66.7% #87A757	RGB 135 167 87	#87A757
83.3%	83.3% #97B85E	RGB 151 184 94	#97B85E
100.0%	100.0% #A8C965	RGB 168 201 101	#A8C965

#46643D #567443 #66854A #779651 #87A757 #97B85E #A8C965

#46643D - #A8C965

HSV Blend

#46643D - #A8C965 | 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 #46643D as 0% and #A8C965 as 100%.

0.0%	0.0% #46643D	RGB 70 100 61	#46643D
16.7%	16.7% #537445	RGB 83 116 69	#537445
33.3%	33.3% #62854C	RGB 98 133 76	#62854C
50.0%	50.0% #719653	RGB 113 150 83	#719653
66.7%	66.7% #82A75A	RGB 130 167 90	#82A75A
83.3%	83.3% #94B85F	RGB 148 184 95	#94B85F
100.0%	100.0% #A8C965	RGB 168 201 101	#A8C965

#46643D #537445 #62854C #719653 #82A75A #94B85F #A8C965

#46643D - #719653 - #A8C965

CSS codes

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

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