#FF4D14 - #FFB60F | 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 #FF4D14 to #FFB60F

#FF4D14 #FFB60F

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

#FF4D14 - #FFB60F | 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 #FF4D14 as 0% and #FFB60F as 100%.

0.0%	0.0% #FF4D14	RGB 255 77 20	#FF4D14
16.7%	16.7% #FF5E13	RGB 255 94 19	#FF5E13
33.3%	33.3% #FF7012	RGB 255 112 18	#FF7012
50.0%	50.0% #FF8111	RGB 255 129 17	#FF8111
66.7%	66.7% #FF9310	RGB 255 147 16	#FF9310
83.3%	83.3% #FFA40F	RGB 255 164 15	#FFA40F
100.0%	100.0% #FFB60F	RGB 255 182 15	#FFB60F

#FF4D14 #FF5E13 #FF7012 #FF8111 #FF9310 #FFA40F #FFB60F

#FF4D14 - #FFB60F

HSV Blend

#FF4D14 - #FFB60F | 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 #FF4D14 as 0% and #FFB60F as 100%.

0.0%	0.0% #FF4D13	RGB 255 77 19	#FF4D13
16.7%	16.7% #FF5E13	RGB 255 94 19	#FF5E13
33.3%	33.3% #FF6F12	RGB 255 111 18	#FF6F12
50.0%	50.0% #FF8011	RGB 255 128 17	#FF8011
66.7%	66.7% #FF9210	RGB 255 146 16	#FF9210
83.3%	83.3% #FFA40F	RGB 255 164 15	#FFA40F
100.0%	100.0% #FFB60F	RGB 255 182 15	#FFB60F

#FF4D13 #FF5E13 #FF6F12 #FF8011 #FF9210 #FFA40F #FFB60F

#FF4D14 - #FF8011 - #FFB60F

CSS codes

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

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