#FFA214 - #BF5E08 | 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 #FFA214 to #BF5E08

#FFA214 #BF5E08

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

#FFA214 - #BF5E08 | 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 #FFA214 as 0% and #BF5E08 as 100%.

0.0%	0.0% #FFA214	RGB 255 162 20	#FFA214
16.7%	16.7% #F49612	RGB 244 150 18	#F49612
33.3%	33.3% #E98B10	RGB 233 139 16	#E98B10
50.0%	50.0% #DF800E	RGB 223 128 14	#DF800E
66.7%	66.7% #D4740C	RGB 212 116 12	#D4740C
83.3%	83.3% #C9690A	RGB 201 105 10	#C9690A
100.0%	100.0% #BF5E08	RGB 191 94 8	#BF5E08

#FFA214 #F49612 #E98B10 #DF800E #D4740C #C9690A #BF5E08

#FFA214 - #BF5E08

HSV Blend

#FFA214 - #BF5E08 | 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 #FFA214 as 0% and #BF5E08 as 100%.

0.0%	0.0% #FFA213	RGB 255 162 19	#FFA213
16.7%	16.7% #F49511	RGB 244 149 17	#F49511
33.3%	33.3% #E9890F	RGB 233 137 15	#E9890F
50.0%	50.0% #DF7D0D	RGB 223 125 13	#DF7D0D
66.7%	66.7% #D4720B	RGB 212 114 11	#D4720B
83.3%	83.3% #C96809	RGB 201 104 9	#C96809
100.0%	100.0% #BF5E08	RGB 191 94 8	#BF5E08

#FFA213 #F49511 #E9890F #DF7D0D #D4720B #C96809 #BF5E08

#FFA214 - #DF7D0D - #BF5E08

CSS codes

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

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