#967E00 - #FFBA1A | 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 #967E00 to #FFBA1A

#967E00 #FFBA1A

Calculate the color between two colors, #967E00 and #FFBA1A. 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)

#967E00 - #FFBA1A | 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 #967E00 as 0% and #FFBA1A as 100%.

0.0%	0.0% #967E00	RGB 150 126 0	#967E00
16.7%	16.7% #A78804	RGB 167 136 4	#A78804
33.3%	33.3% #B99208	RGB 185 146 8	#B99208
50.0%	50.0% #CA9C0D	RGB 202 156 13	#CA9C0D
66.7%	66.7% #DCA611	RGB 220 166 17	#DCA611
83.3%	83.3% #EDB015	RGB 237 176 21	#EDB015
100.0%	100.0% #FFBA1A	RGB 255 186 26	#FFBA1A

#967E00 #A78804 #B99208 #CA9C0D #DCA611 #EDB015 #FFBA1A

#967E00 - #FFBA1A

HSV Blend

#967E00 - #FFBA1A | 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 #967E00 as 0% and #FFBA1A as 100%.

0.0%	0.0% #967E00	RGB 150 126 0	#967E00
16.7%	16.7% #A78902	RGB 167 137 2	#A78902
33.3%	33.3% #B99306	RGB 185 147 6	#B99306
50.0%	50.0% #CA9E0A	RGB 202 158 10	#CA9E0A
66.7%	66.7% #DCA70E	RGB 220 167 14	#DCA70E
83.3%	83.3% #EDB114	RGB 237 177 20	#EDB114
100.0%	100.0% #FFBA1A	RGB 255 186 26	#FFBA1A

#967E00 #A78902 #B99306 #CA9E0A #DCA70E #EDB114 #FFBA1A

#967E00 - #CA9E0A - #FFBA1A

CSS codes

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

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