#A8C264 - #66901F | 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 #A8C264 to #66901F

#A8C264 #66901F

Calculate the color between two colors, #A8C264 and #66901F. 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)

#A8C264 - #66901F | 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 #A8C264 as 0% and #66901F as 100%.

0.0%	0.0% #A8C264	RGB 168 194 100	#A8C264
16.7%	16.7% #9DB958	RGB 157 185 88	#9DB958
33.3%	33.3% #92B14D	RGB 146 177 77	#92B14D
50.0%	50.0% #87A941	RGB 135 169 65	#87A941
66.7%	66.7% #7CA036	RGB 124 160 54	#7CA036
83.3%	83.3% #71982A	RGB 113 152 42	#71982A
100.0%	100.0% #66901F	RGB 102 144 31	#66901F

#A8C264 #9DB958 #92B14D #87A941 #7CA036 #71982A #66901F

#A8C264 - #66901F

HSV Blend

#A8C264 - #66901F | 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 #A8C264 as 0% and #66901F as 100%.

0.0%	0.0% #A8C264	RGB 168 194 100	#A8C264
16.7%	16.7% #9CB956	RGB 156 185 86	#9CB956
33.3%	33.3% #91B149	RGB 145 177 73	#91B149
50.0%	50.0% #86A93D	RGB 134 169 61	#86A93D
66.7%	66.7% #7BA032	RGB 123 160 50	#7BA032
83.3%	83.3% #709828	RGB 112 152 40	#709828
100.0%	100.0% #66901F	RGB 102 144 31	#66901F

#A8C264 #9CB956 #91B149 #86A93D #7BA032 #709828 #66901F

#A8C264 - #86A93D - #66901F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C264 0%, #86A93D 50%, #66901F 100%);
    background: -webkit-linear-gradient(top, #A8C264 0%, #86A93D 50%, #66901F 100%);
    background: linear-gradient(to bottom, #A8C264 0%, #86A93D 50%, #66901F 100%);
}
</style>