#A67F00 - #FFBA18 | 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 #A67F00 to #FFBA18

#A67F00 #FFBA18

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

#A67F00 - #FFBA18 | 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 #A67F00 as 0% and #FFBA18 as 100%.

0.0%	0.0% #A67F00	RGB 166 127 0	#A67F00
16.7%	16.7% #B48804	RGB 180 136 4	#B48804
33.3%	33.3% #C39208	RGB 195 146 8	#C39208
50.0%	50.0% #D29C0C	RGB 210 156 12	#D29C0C
66.7%	66.7% #E1A610	RGB 225 166 16	#E1A610
83.3%	83.3% #F0B014	RGB 240 176 20	#F0B014
100.0%	100.0% #FFBA18	RGB 255 186 24	#FFBA18

#A67F00 #B48804 #C39208 #D29C0C #E1A610 #F0B014 #FFBA18

#A67F00 - #FFBA18

HSV Blend

#A67F00 - #FFBA18 | 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 #A67F00 as 0% and #FFBA18 as 100%.

0.0%	0.0% #A67F00	RGB 166 127 0	#A67F00
16.7%	16.7% #B48902	RGB 180 137 2	#B48902
33.3%	33.3% #C39306	RGB 195 147 6	#C39306
50.0%	50.0% #D29C09	RGB 210 156 9	#D29C09
66.7%	66.7% #E1A60E	RGB 225 166 14	#E1A60E
83.3%	83.3% #F0B012	RGB 240 176 18	#F0B012
100.0%	100.0% #FFBA18	RGB 255 186 24	#FFBA18

#A67F00 #B48902 #C39306 #D29C09 #E1A60E #F0B012 #FFBA18

#A67F00 - #D29C09 - #FFBA18

CSS codes

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

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