#FF4F5E - #FFB36C | 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 #FF4F5E to #FFB36C

#FF4F5E #FFB36C

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

#FF4F5E - #FFB36C | 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 #FF4F5E as 0% and #FFB36C as 100%.

0.0%	0.0% #FF4F5E	RGB 255 79 94	#FF4F5E
16.7%	16.7% #FF5F60	RGB 255 95 96	#FF5F60
33.3%	33.3% #FF7062	RGB 255 112 98	#FF7062
50.0%	50.0% #FF8165	RGB 255 129 101	#FF8165
66.7%	66.7% #FF9167	RGB 255 145 103	#FF9167
83.3%	83.3% #FFA269	RGB 255 162 105	#FFA269
100.0%	100.0% #FFB36C	RGB 255 179 108	#FFB36C

#FF4F5E #FF5F60 #FF7062 #FF8165 #FF9167 #FFA269 #FFB36C

#FF4F5E - #FFB36C

HSV Blend

#FF4F5E - #FFB36C | 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 #FF4F5E as 0% and #FFB36C as 100%.

0.0%	0.0% #FF4F5E	RGB 255 79 94	#FF4F5E
16.7%	16.7% #FF5553	RGB 255 85 83	#FF5553
33.3%	33.3% #FF6958	RGB 255 105 88	#FF6958
50.0%	50.0% #FF7D5D	RGB 255 125 93	#FF7D5D
66.7%	66.7% #FF9062	RGB 255 144 98	#FF9062
83.3%	83.3% #FFA267	RGB 255 162 103	#FFA267
100.0%	100.0% #FFB36C	RGB 255 179 108	#FFB36C

#FF4F5E #FF5553 #FF6958 #FF7D5D #FF9062 #FFA267 #FFB36C

#FF4F5E - #FF7D5D - #FFB36C

CSS codes

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

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