#B55C5E - #FEA76F | 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 #B55C5E to #FEA76F

#B55C5E #FEA76F

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

#B55C5E - #FEA76F | 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 #B55C5E as 0% and #FEA76F as 100%.

0.0%	0.0% #B55C5E	RGB 181 92 94	#B55C5E
16.7%	16.7% #C16860	RGB 193 104 96	#C16860
33.3%	33.3% #CD7563	RGB 205 117 99	#CD7563
50.0%	50.0% #D98166	RGB 217 129 102	#D98166
66.7%	66.7% #E58E69	RGB 229 142 105	#E58E69
83.3%	83.3% #F19A6C	RGB 241 154 108	#F19A6C
100.0%	100.0% #FEA76F	RGB 254 167 111	#FEA76F

#B55C5E #C16860 #CD7563 #D98166 #E58E69 #F19A6C #FEA76F

#B55C5E - #FEA76F

HSV Blend

#B55C5E - #FEA76F | 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 #B55C5E as 0% and #FEA76F as 100%.

0.0%	0.0% #B55C5E	RGB 181 92 94	#B55C5E
16.7%	16.7% #C1645F	RGB 193 100 95	#C1645F
33.3%	33.3% #CD6F63	RGB 205 111 99	#CD6F63
50.0%	50.0% #D97B66	RGB 217 123 102	#D97B66
66.7%	66.7% #E58969	RGB 229 137 105	#E58969
83.3%	83.3% #F1976C	RGB 241 151 108	#F1976C
100.0%	100.0% #FEA76F	RGB 254 167 111	#FEA76F

#B55C5E #C1645F #CD6F63 #D97B66 #E58969 #F1976C #FEA76F

#B55C5E - #D97B66 - #FEA76F

CSS codes

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

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