#A14423 - #F3C45E | 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 #A14423 to #F3C45E

#A14423 #F3C45E

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

#A14423 - #F3C45E | 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 #A14423 as 0% and #F3C45E as 100%.

0.0%	0.0% #A14423	RGB 161 68 35	#A14423
16.7%	16.7% #AE592C	RGB 174 89 44	#AE592C
33.3%	33.3% #BC6E36	RGB 188 110 54	#BC6E36
50.0%	50.0% #CA8440	RGB 202 132 64	#CA8440
66.7%	66.7% #D7994A	RGB 215 153 74	#D7994A
83.3%	83.3% #E5AE54	RGB 229 174 84	#E5AE54
100.0%	100.0% #F3C45E	RGB 243 196 94	#F3C45E

#A14423 #AE592C #BC6E36 #CA8440 #D7994A #E5AE54 #F3C45E

#A14423 - #F3C45E

HSV Blend

#A14423 - #F3C45E | 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 #A14423 as 0% and #F3C45E as 100%.

0.0%	0.0% #A14423	RGB 161 68 35	#A14423
16.7%	16.7% #AE562A	RGB 174 86 42	#AE562A
33.3%	33.3% #BC6A33	RGB 188 106 51	#BC6A33
50.0%	50.0% #CA7F3D	RGB 202 127 61	#CA7F3D
66.7%	66.7% #D79547	RGB 215 149 71	#D79547
83.3%	83.3% #E5AC52	RGB 229 172 82	#E5AC52
100.0%	100.0% #F3C45E	RGB 243 196 94	#F3C45E

#A14423 #AE562A #BC6A33 #CA7F3D #D79547 #E5AC52 #F3C45E

#A14423 - #CA7F3D - #F3C45E

CSS codes

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

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