#FF4C25 - #FFA62E | 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 #FF4C25 to #FFA62E

#FF4C25 #FFA62E

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

#FF4C25 - #FFA62E | 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 #FF4C25 as 0% and #FFA62E as 100%.

0.0%	0.0% #FF4C25	RGB 255 76 37	#FF4C25
16.7%	16.7% #FF5B26	RGB 255 91 38	#FF5B26
33.3%	33.3% #FF6A28	RGB 255 106 40	#FF6A28
50.0%	50.0% #FF7929	RGB 255 121 41	#FF7929
66.7%	66.7% #FF882B	RGB 255 136 43	#FF882B
83.3%	83.3% #FF972C	RGB 255 151 44	#FF972C
100.0%	100.0% #FFA62E	RGB 255 166 46	#FFA62E

#FF4C25 #FF5B26 #FF6A28 #FF7929 #FF882B #FF972C #FFA62E

#FF4C25 - #FFA62E

HSV Blend

#FF4C25 - #FFA62E | 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 #FF4C25 as 0% and #FFA62E as 100%.

0.0%	0.0% #FF4C24	RGB 255 76 36	#FF4C24
16.7%	16.7% #FF5B26	RGB 255 91 38	#FF5B26
33.3%	33.3% #FF6A27	RGB 255 106 39	#FF6A27
50.0%	50.0% #FF7929	RGB 255 121 41	#FF7929
66.7%	66.7% #FF882A	RGB 255 136 42	#FF882A
83.3%	83.3% #FF972C	RGB 255 151 44	#FF972C
100.0%	100.0% #FFA62E	RGB 255 166 46	#FFA62E

#FF4C24 #FF5B26 #FF6A27 #FF7929 #FF882A #FF972C #FFA62E

#FF4C25 - #FF7929 - #FFA62E

CSS codes

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

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