#A6A30C - #6F600B | 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 #A6A30C to #6F600B

#A6A30C #6F600B

Calculate the color between two colors, #A6A30C and #6F600B. 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)

#A6A30C - #6F600B | 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 #A6A30C as 0% and #6F600B as 100%.

0.0%	0.0% #A6A30C	RGB 166 163 12	#A6A30C
16.7%	16.7% #9C970B	RGB 156 151 11	#9C970B
33.3%	33.3% #938C0B	RGB 147 140 11	#938C0B
50.0%	50.0% #8A810B	RGB 138 129 11	#8A810B
66.7%	66.7% #81760B	RGB 129 118 11	#81760B
83.3%	83.3% #786B0B	RGB 120 107 11	#786B0B
100.0%	100.0% #6F600B	RGB 111 96 11	#6F600B

#A6A30C #9C970B #938C0B #8A810B #81760B #786B0B #6F600B

#A6A30C - #6F600B

HSV Blend

#A6A30C - #6F600B | 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 #A6A30C as 0% and #6F600B as 100%.

0.0%	0.0% #A6A30C	RGB 166 163 12	#A6A30C
16.7%	16.7% #9C960C	RGB 156 150 12	#9C960C
33.3%	33.3% #938B0B	RGB 147 139 11	#938B0B
50.0%	50.0% #8A7F0B	RGB 138 127 11	#8A7F0B
66.7%	66.7% #81740B	RGB 129 116 11	#81740B
83.3%	83.3% #786A0B	RGB 120 106 11	#786A0B
100.0%	100.0% #6F600B	RGB 111 96 11	#6F600B

#A6A30C #9C960C #938B0B #8A7F0B #81740B #786A0B #6F600B

#A6A30C - #8A7F0B - #6F600B

CSS codes

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

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