#A0AF3D - #5E750E | 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 #A0AF3D to #5E750E

#A0AF3D #5E750E

Calculate the color between two colors, #A0AF3D and #5E750E. 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)

#A0AF3D - #5E750E | 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 #A0AF3D as 0% and #5E750E as 100%.

0.0%	0.0% #A0AF3D	RGB 160 175 61	#A0AF3D
16.7%	16.7% #95A535	RGB 149 165 53	#95A535
33.3%	33.3% #8A9B2D	RGB 138 155 45	#8A9B2D
50.0%	50.0% #7F9225	RGB 127 146 37	#7F9225
66.7%	66.7% #74881D	RGB 116 136 29	#74881D
83.3%	83.3% #697E15	RGB 105 126 21	#697E15
100.0%	100.0% #5E750E	RGB 94 117 14	#5E750E

#A0AF3D #95A535 #8A9B2D #7F9225 #74881D #697E15 #5E750E

#A0AF3D - #5E750E

HSV Blend

#A0AF3D - #5E750E | 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 #A0AF3D as 0% and #5E750E as 100%.

0.0%	0.0% #A0AF3D	RGB 160 175 61	#A0AF3D
16.7%	16.7% #94A533	RGB 148 165 51	#94A533
33.3%	33.3% #899B2A	RGB 137 155 42	#899B2A
50.0%	50.0% #7E9222	RGB 126 146 34	#7E9222
66.7%	66.7% #73881A	RGB 115 136 26	#73881A
83.3%	83.3% #687E13	RGB 104 126 19	#687E13
100.0%	100.0% #5E750E	RGB 94 117 14	#5E750E

#A0AF3D #94A533 #899B2A #7E9222 #73881A #687E13 #5E750E

#A0AF3D - #7E9222 - #5E750E

CSS codes

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

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