#FF3E13 - #AF1A09 | 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 #FF3E13 to #AF1A09

#FF3E13 #AF1A09

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

#FF3E13 - #AF1A09 | 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 #FF3E13 as 0% and #AF1A09 as 100%.

0.0%	0.0% #FF3E13	RGB 255 62 19	#FF3E13
16.7%	16.7% #F13811	RGB 241 56 17	#F13811
33.3%	33.3% #E4320F	RGB 228 50 15	#E4320F
50.0%	50.0% #D72C0E	RGB 215 44 14	#D72C0E
66.7%	66.7% #C9260C	RGB 201 38 12	#C9260C
83.3%	83.3% #BC200A	RGB 188 32 10	#BC200A
100.0%	100.0% #AF1A09	RGB 175 26 9	#AF1A09

#FF3E13 #F13811 #E4320F #D72C0E #C9260C #BC200A #AF1A09

#FF3E13 - #AF1A09

HSV Blend

#FF3E13 - #AF1A09 | 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 #FF3E13 as 0% and #AF1A09 as 100%.

0.0%	0.0% #FF3E12	RGB 255 62 18	#FF3E12
16.7%	16.7% #F13711	RGB 241 55 17	#F13711
33.3%	33.3% #E4300F	RGB 228 48 15	#E4300F
50.0%	50.0% #D72A0D	RGB 215 42 13	#D72A0D
66.7%	66.7% #C9240B	RGB 201 36 11	#C9240B
83.3%	83.3% #BC1E0A	RGB 188 30 10	#BC1E0A
100.0%	100.0% #AF1A09	RGB 175 26 9	#AF1A09

#FF3E12 #F13711 #E4300F #D72A0D #C9240B #BC1E0A #AF1A09

#FF3E13 - #D72A0D - #AF1A09

CSS codes

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

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