#FFA200 - #DB6C0D | 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 #FFA200 to #DB6C0D

#FFA200 #DB6C0D

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

#FFA200 - #DB6C0D | 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 #FFA200 as 0% and #DB6C0D as 100%.

0.0%	0.0% #FFA200	RGB 255 162 0	#FFA200
16.7%	16.7% #F99902	RGB 249 153 2	#F99902
33.3%	33.3% #F39004	RGB 243 144 4	#F39004
50.0%	50.0% #ED8706	RGB 237 135 6	#ED8706
66.7%	66.7% #E77E08	RGB 231 126 8	#E77E08
83.3%	83.3% #E1750A	RGB 225 117 10	#E1750A
100.0%	100.0% #DB6C0D	RGB 219 108 13	#DB6C0D

#FFA200 #F99902 #F39004 #ED8706 #E77E08 #E1750A #DB6C0D

#FFA200 - #DB6C0D

HSV Blend

#FFA200 - #DB6C0D | 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 #FFA200 as 0% and #DB6C0D as 100%.

0.0%	0.0% #FFA200	RGB 255 162 0	#FFA200
16.7%	16.7% #F99702	RGB 249 151 2	#F99702
33.3%	33.3% #F38E04	RGB 243 142 4	#F38E04
50.0%	50.0% #ED8507	RGB 237 133 7	#ED8507
66.7%	66.7% #E77C09	RGB 231 124 9	#E77C09
83.3%	83.3% #E1730B	RGB 225 115 11	#E1730B
100.0%	100.0% #DB6C0D	RGB 219 108 13	#DB6C0D

#FFA200 #F99702 #F38E04 #ED8507 #E77C09 #E1730B #DB6C0D

#FFA200 - #ED8507 - #DB6C0D

CSS codes

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

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