#FFAF4D - #E46B12 | 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 #FFAF4D to #E46B12

#FFAF4D #E46B12

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

#FFAF4D - #E46B12 | 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 #FFAF4D as 0% and #E46B12 as 100%.

0.0%	0.0% #FFAF4D	RGB 255 175 77	#FFAF4D
16.7%	16.7% #FAA343	RGB 250 163 67	#FAA343
33.3%	33.3% #F69839	RGB 246 152 57	#F69839
50.0%	50.0% #F18D2F	RGB 241 141 47	#F18D2F
66.7%	66.7% #ED8125	RGB 237 129 37	#ED8125
83.3%	83.3% #E8761B	RGB 232 118 27	#E8761B
100.0%	100.0% #E46B12	RGB 228 107 18	#E46B12

#FFAF4D #FAA343 #F69839 #F18D2F #ED8125 #E8761B #E46B12

#FFAF4D - #E46B12

HSV Blend

#FFAF4D - #E46B12 | 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 #FFAF4D as 0% and #E46B12 as 100%.

0.0%	0.0% #FFAF4D	RGB 255 175 77	#FFAF4D
16.7%	16.7% #FAA342	RGB 250 163 66	#FAA342
33.3%	33.3% #F69837	RGB 246 152 55	#F69837
50.0%	50.0% #F18D2D	RGB 241 141 45	#F18D2D
66.7%	66.7% #ED8124	RGB 237 129 36	#ED8124
83.3%	83.3% #E8761A	RGB 232 118 26	#E8761A
100.0%	100.0% #E46B12	RGB 228 107 18	#E46B12

#FFAF4D #FAA342 #F69837 #F18D2D #ED8124 #E8761A #E46B12

#FFAF4D - #F18D2D - #E46B12

CSS codes

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

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