#A5562A - #F69B3E | 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 #A5562A to #F69B3E

#A5562A #F69B3E

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

#A5562A - #F69B3E | 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 #A5562A as 0% and #F69B3E as 100%.

0.0%	0.0% #A5562A	RGB 165 86 42	#A5562A
16.7%	16.7% #B2612D	RGB 178 97 45	#B2612D
33.3%	33.3% #C06D30	RGB 192 109 48	#C06D30
50.0%	50.0% #CD7834	RGB 205 120 52	#CD7834
66.7%	66.7% #DB8437	RGB 219 132 55	#DB8437
83.3%	83.3% #E88F3A	RGB 232 143 58	#E88F3A
100.0%	100.0% #F69B3E	RGB 246 155 62	#F69B3E

#A5562A #B2612D #C06D30 #CD7834 #DB8437 #E88F3A #F69B3E

#A5562A - #F69B3E

HSV Blend

#A5562A - #F69B3E | 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 #A5562A as 0% and #F69B3E as 100%.

0.0%	0.0% #A5562A	RGB 165 86 42	#A5562A
16.7%	16.7% #B2602D	RGB 178 96 45	#B2602D
33.3%	33.3% #C06B30	RGB 192 107 48	#C06B30
50.0%	50.0% #CD7634	RGB 205 118 52	#CD7634
66.7%	66.7% #DB8237	RGB 219 130 55	#DB8237
83.3%	83.3% #E88E3A	RGB 232 142 58	#E88E3A
100.0%	100.0% #F69B3E	RGB 246 155 62	#F69B3E

#A5562A #B2602D #C06B30 #CD7634 #DB8237 #E88E3A #F69B3E

#A5562A - #CD7634 - #F69B3E

CSS codes

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

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