#FF5E52 - #FFBF6C | 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 #FF5E52 to #FFBF6C

#FF5E52 #FFBF6C

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

#FF5E52 - #FFBF6C | 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 #FF5E52 as 0% and #FFBF6C as 100%.

0.0%	0.0% #FF5E52	RGB 255 94 82	#FF5E52
16.7%	16.7% #FF6E56	RGB 255 110 86	#FF6E56
33.3%	33.3% #FF7E5A	RGB 255 126 90	#FF7E5A
50.0%	50.0% #FF8E5F	RGB 255 142 95	#FF8E5F
66.7%	66.7% #FF9E63	RGB 255 158 99	#FF9E63
83.3%	83.3% #FFAE67	RGB 255 174 103	#FFAE67
100.0%	100.0% #FFBF6C	RGB 255 191 108	#FFBF6C

#FF5E52 #FF6E56 #FF7E5A #FF8E5F #FF9E63 #FFAE67 #FFBF6C

#FF5E52 - #FFBF6C

HSV Blend

#FF5E52 - #FFBF6C | 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 #FF5E52 as 0% and #FFBF6C as 100%.

0.0%	0.0% #FF5D51	RGB 255 93 81	#FF5D51
16.7%	16.7% #FF6F56	RGB 255 111 86	#FF6F56
33.3%	33.3% #FF815A	RGB 255 129 90	#FF815A
50.0%	50.0% #FF915F	RGB 255 145 95	#FF915F
66.7%	66.7% #FFA163	RGB 255 161 99	#FFA163
83.3%	83.3% #FFB067	RGB 255 176 103	#FFB067
100.0%	100.0% #FFBF6C	RGB 255 191 108	#FFBF6C

#FF5D51 #FF6F56 #FF815A #FF915F #FFA163 #FFB067 #FFBF6C

#FF5E52 - #FF915F - #FFBF6C

CSS codes

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

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