#FFB76B - #C06F14 | 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 #FFB76B to #C06F14

#FFB76B #C06F14

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

#FFB76B - #C06F14 | 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 #FFB76B as 0% and #C06F14 as 100%.

0.0%	0.0% #FFB76B	RGB 255 183 107	#FFB76B
16.7%	16.7% #F4AB5C	RGB 244 171 92	#F4AB5C
33.3%	33.3% #EA9F4E	RGB 234 159 78	#EA9F4E
50.0%	50.0% #DF933F	RGB 223 147 63	#DF933F
66.7%	66.7% #D58731	RGB 213 135 49	#D58731
83.3%	83.3% #CA7B22	RGB 202 123 34	#CA7B22
100.0%	100.0% #C06F14	RGB 192 111 20	#C06F14

#FFB76B #F4AB5C #EA9F4E #DF933F #D58731 #CA7B22 #C06F14

#FFB76B - #C06F14

HSV Blend

#FFB76B - #C06F14 | 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 #FFB76B as 0% and #C06F14 as 100%.

0.0%	0.0% #FFB76B	RGB 255 183 107	#FFB76B
16.7%	16.7% #F4A959	RGB 244 169 89	#F4A959
33.3%	33.3% #EA9C49	RGB 234 156 73	#EA9C49
50.0%	50.0% #DF903A	RGB 223 144 58	#DF903A
66.7%	66.7% #D5842C	RGB 213 132 44	#D5842C
83.3%	83.3% #CA791F	RGB 202 121 31	#CA791F
100.0%	100.0% #C06F14	RGB 192 111 20	#C06F14

#FFB76B #F4A959 #EA9C49 #DF903A #D5842C #CA791F #C06F14

#FFB76B - #DF903A - #C06F14

CSS codes

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

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