#A68A00 - #6B490C | 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 #A68A00 to #6B490C

#A68A00 #6B490C

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

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

0.0%	0.0% #A68A00	RGB 166 138 0	#A68A00
16.7%	16.7% #9C7F02	RGB 156 127 2	#9C7F02
33.3%	33.3% #927404	RGB 146 116 4	#927404
50.0%	50.0% #886906	RGB 136 105 6	#886906
66.7%	66.7% #7E5E08	RGB 126 94 8	#7E5E08
83.3%	83.3% #74530A	RGB 116 83 10	#74530A
100.0%	100.0% #6B490C	RGB 107 73 12	#6B490C

#A68A00 #9C7F02 #927404 #886906 #7E5E08 #74530A #6B490C

#A68A00 - #6B490C

HSV Blend

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

0.0%	0.0% #A68A00	RGB 166 138 0	#A68A00
16.7%	16.7% #9C7D02	RGB 156 125 2	#9C7D02
33.3%	33.3% #927105	RGB 146 113 5	#927105
50.0%	50.0% #886607	RGB 136 102 7	#886607
66.7%	66.7% #7E5C09	RGB 126 92 9	#7E5C09
83.3%	83.3% #74520A	RGB 116 82 10	#74520A
100.0%	100.0% #6B490C	RGB 107 73 12	#6B490C

#A68A00 #9C7D02 #927105 #886607 #7E5C09 #74520A #6B490C

#A68A00 - #886607 - #6B490C

CSS codes

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

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