#AFB054 - #707616 | 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 #AFB054 to #707616

#AFB054 #707616

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

#AFB054 - #707616 | 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 #AFB054 as 0% and #707616 as 100%.

0.0%	0.0% #AFB054	RGB 175 176 84	#AFB054
16.7%	16.7% #A4A649	RGB 164 166 73	#A4A649
33.3%	33.3% #9A9C3F	RGB 154 156 63	#9A9C3F
50.0%	50.0% #8F9335	RGB 143 147 53	#8F9335
66.7%	66.7% #85892A	RGB 133 137 42	#85892A
83.3%	83.3% #7A7F20	RGB 122 127 32	#7A7F20
100.0%	100.0% #707616	RGB 112 118 22	#707616

#AFB054 #A4A649 #9A9C3F #8F9335 #85892A #7A7F20 #707616

#AFB054 - #707616

HSV Blend

#AFB054 - #707616 | 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 #AFB054 as 0% and #707616 as 100%.

0.0%	0.0% #AFB054	RGB 175 176 84	#AFB054
16.7%	16.7% #A4A647	RGB 164 166 71	#A4A647
33.3%	33.3% #999C3B	RGB 153 156 59	#999C3B
50.0%	50.0% #8F9330	RGB 143 147 48	#8F9330
66.7%	66.7% #848926	RGB 132 137 38	#848926
83.3%	83.3% #7A7F1D	RGB 122 127 29	#7A7F1D
100.0%	100.0% #707616	RGB 112 118 22	#707616

#AFB054 #A4A647 #999C3B #8F9330 #848926 #7A7F1D #707616

#AFB054 - #8F9330 - #707616

CSS codes

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

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