#FFAA00 - #8F620B | 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 #FFAA00 to #8F620B

#FFAA00 #8F620B

Calculate the color between two colors, #FFAA00 and #8F620B. 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)

#FFAA00 - #8F620B | 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 #FFAA00 as 0% and #8F620B as 100%.

0.0%	0.0% #FFAA00	RGB 255 170 0	#FFAA00
16.7%	16.7% #EC9E01	RGB 236 158 1	#EC9E01
33.3%	33.3% #D99203	RGB 217 146 3	#D99203
50.0%	50.0% #C78605	RGB 199 134 5	#C78605
66.7%	66.7% #B47A07	RGB 180 122 7	#B47A07
83.3%	83.3% #A16E09	RGB 161 110 9	#A16E09
100.0%	100.0% #8F620B	RGB 143 98 11	#8F620B

#FFAA00 #EC9E01 #D99203 #C78605 #B47A07 #A16E09 #8F620B

#FFAA00 - #8F620B

HSV Blend

#FFAA00 - #8F620B | 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 #FFAA00 as 0% and #8F620B as 100%.

0.0%	0.0% #FFAA00	RGB 255 170 0	#FFAA00
16.7%	16.7% #EC9E03	RGB 236 158 3	#EC9E03
33.3%	33.3% #D99205	RGB 217 146 5	#D99205
50.0%	50.0% #C78607	RGB 199 134 7	#C78607
66.7%	66.7% #B47A09	RGB 180 122 9	#B47A09
83.3%	83.3% #A16E0A	RGB 161 110 10	#A16E0A
100.0%	100.0% #8F620B	RGB 143 98 11	#8F620B

#FFAA00 #EC9E03 #D99205 #C78607 #B47A09 #A16E0A #8F620B

#FFAA00 - #C78607 - #8F620B

CSS codes

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

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