#FF5E18 - #FFBC0F | 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 #FF5E18 to #FFBC0F

#FF5E18 #FFBC0F

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

#FF5E18 - #FFBC0F | 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 #FF5E18 as 0% and #FFBC0F as 100%.

0.0%	0.0% #FF5E18	RGB 255 94 24	#FF5E18
16.7%	16.7% #FF6D16	RGB 255 109 22	#FF6D16
33.3%	33.3% #FF7D15	RGB 255 125 21	#FF7D15
50.0%	50.0% #FF8D13	RGB 255 141 19	#FF8D13
66.7%	66.7% #FF9C12	RGB 255 156 18	#FF9C12
83.3%	83.3% #FFAC10	RGB 255 172 16	#FFAC10
100.0%	100.0% #FFBC0F	RGB 255 188 15	#FFBC0F

#FF5E18 #FF6D16 #FF7D15 #FF8D13 #FF9C12 #FFAC10 #FFBC0F

#FF5E18 - #FFBC0F

HSV Blend

#FF5E18 - #FFBC0F | 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 #FF5E18 as 0% and #FFBC0F as 100%.

0.0%	0.0% #FF5D17	RGB 255 93 23	#FF5D17
16.7%	16.7% #FF6D16	RGB 255 109 22	#FF6D16
33.3%	33.3% #FF7C14	RGB 255 124 20	#FF7C14
50.0%	50.0% #FF8C13	RGB 255 140 19	#FF8C13
66.7%	66.7% #FF9B11	RGB 255 155 17	#FF9B11
83.3%	83.3% #FFAB10	RGB 255 171 16	#FFAB10
100.0%	100.0% #FFBC0F	RGB 255 188 15	#FFBC0F

#FF5D17 #FF6D16 #FF7C14 #FF8C13 #FF9B11 #FFAB10 #FFBC0F

#FF5E18 - #FF8C13 - #FFBC0F

CSS codes

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

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