#FFA94B - #E26412 | 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 #FFA94B to #E26412

#FFA94B #E26412

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

#FFA94B - #E26412 | 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 #FFA94B as 0% and #E26412 as 100%.

0.0%	0.0% #FFA94B	RGB 255 169 75	#FFA94B
16.7%	16.7% #FA9D41	RGB 250 157 65	#FA9D41
33.3%	33.3% #F59238	RGB 245 146 56	#F59238
50.0%	50.0% #F0862E	RGB 240 134 46	#F0862E
66.7%	66.7% #EB7B25	RGB 235 123 37	#EB7B25
83.3%	83.3% #E66F1B	RGB 230 111 27	#E66F1B
100.0%	100.0% #E26412	RGB 226 100 18	#E26412

#FFA94B #FA9D41 #F59238 #F0862E #EB7B25 #E66F1B #E26412

#FFA94B - #E26412

HSV Blend

#FFA94B - #E26412 | 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 #FFA94B as 0% and #E26412 as 100%.

0.0%	0.0% #FFA94B	RGB 255 169 75	#FFA94B
16.7%	16.7% #FA9D40	RGB 250 157 64	#FA9D40
33.3%	33.3% #F59236	RGB 245 146 54	#F59236
50.0%	50.0% #F0862C	RGB 240 134 44	#F0862C
66.7%	66.7% #EB7B23	RGB 235 123 35	#EB7B23
83.3%	83.3% #E66F1A	RGB 230 111 26	#E66F1A
100.0%	100.0% #E26412	RGB 226 100 18	#E26412

#FFA94B #FA9D40 #F59236 #F0862C #EB7B23 #E66F1A #E26412

#FFA94B - #F0862C - #E26412

CSS codes

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

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