#FF4D15 - #FFB711 | 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 #FF4D15 to #FFB711

#FF4D15 #FFB711

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

#FF4D15 - #FFB711 | 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 #FF4D15 as 0% and #FFB711 as 100%.

0.0%	0.0% #FF4D15	RGB 255 77 21	#FF4D15
16.7%	16.7% #FF5E14	RGB 255 94 20	#FF5E14
33.3%	33.3% #FF7013	RGB 255 112 19	#FF7013
50.0%	50.0% #FF8213	RGB 255 130 19	#FF8213
66.7%	66.7% #FF9312	RGB 255 147 18	#FF9312
83.3%	83.3% #FFA511	RGB 255 165 17	#FFA511
100.0%	100.0% #FFB711	RGB 255 183 17	#FFB711

#FF4D15 #FF5E14 #FF7013 #FF8213 #FF9312 #FFA511 #FFB711

#FF4D15 - #FFB711

HSV Blend

#FF4D15 - #FFB711 | 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 #FF4D15 as 0% and #FFB711 as 100%.

0.0%	0.0% #FF4D14	RGB 255 77 20	#FF4D14
16.7%	16.7% #FF5E14	RGB 255 94 20	#FF5E14
33.3%	33.3% #FF6F13	RGB 255 111 19	#FF6F13
50.0%	50.0% #FF8112	RGB 255 129 18	#FF8112
66.7%	66.7% #FF9312	RGB 255 147 18	#FF9312
83.3%	83.3% #FFA511	RGB 255 165 17	#FFA511
100.0%	100.0% #FFB711	RGB 255 183 17	#FFB711

#FF4D14 #FF5E14 #FF6F13 #FF8112 #FF9312 #FFA511 #FFB711

#FF4D15 - #FF8112 - #FFB711

CSS codes

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

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