#FFBF3E - #E37D0E | 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 #FFBF3E to #E37D0E

#FFBF3E #E37D0E

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

#FFBF3E - #E37D0E | 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 #FFBF3E as 0% and #E37D0E as 100%.

0.0%	0.0% #FFBF3E	RGB 255 191 62	#FFBF3E
16.7%	16.7% #FAB436	RGB 250 180 54	#FAB436
33.3%	33.3% #F5A92E	RGB 245 169 46	#F5A92E
50.0%	50.0% #F19E26	RGB 241 158 38	#F19E26
66.7%	66.7% #EC931E	RGB 236 147 30	#EC931E
83.3%	83.3% #E78816	RGB 231 136 22	#E78816
100.0%	100.0% #E37D0E	RGB 227 125 14	#E37D0E

#FFBF3E #FAB436 #F5A92E #F19E26 #EC931E #E78816 #E37D0E

#FFBF3E - #E37D0E

HSV Blend

#FFBF3E - #E37D0E | 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 #FFBF3E as 0% and #E37D0E as 100%.

0.0%	0.0% #FFBF3D	RGB 255 191 61	#FFBF3D
16.7%	16.7% #FAB435	RGB 250 180 53	#FAB435
33.3%	33.3% #F5A92C	RGB 245 169 44	#F5A92C
50.0%	50.0% #F19E24	RGB 241 158 36	#F19E24
66.7%	66.7% #EC931C	RGB 236 147 28	#EC931C
83.3%	83.3% #E78815	RGB 231 136 21	#E78815
100.0%	100.0% #E37D0E	RGB 227 125 14	#E37D0E

#FFBF3D #FAB435 #F5A92C #F19E24 #EC931C #E78815 #E37D0E

#FFBF3E - #F19E24 - #E37D0E

CSS codes

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

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