#B04A5E - #FB9871 | 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 #B04A5E to #FB9871

#B04A5E #FB9871

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

#B04A5E - #FB9871 | 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 #B04A5E as 0% and #FB9871 as 100%.

0.0%	0.0% #B04A5E	RGB 176 74 94	#B04A5E
16.7%	16.7% #BC5761	RGB 188 87 97	#BC5761
33.3%	33.3% #C96464	RGB 201 100 100	#C96464
50.0%	50.0% #D57167	RGB 213 113 103	#D57167
66.7%	66.7% #E27E6A	RGB 226 126 106	#E27E6A
83.3%	83.3% #EE8B6D	RGB 238 139 109	#EE8B6D
100.0%	100.0% #FB9871	RGB 251 152 113	#FB9871

#B04A5E #BC5761 #C96464 #D57167 #E27E6A #EE8B6D #FB9871

#B04A5E - #FB9871

HSV Blend

#B04A5E - #FB9871 | 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 #B04A5E as 0% and #FB9871 as 100%.

0.0%	0.0% #B04A5E	RGB 176 74 94	#B04A5E
16.7%	16.7% #BC505C	RGB 188 80 92	#BC505C
33.3%	33.3% #C9565A	RGB 201 86 90	#C9565A
50.0%	50.0% #D5625C	RGB 213 98 92	#D5625C
66.7%	66.7% #E27363	RGB 226 115 99	#E27363
83.3%	83.3% #EE856A	RGB 238 133 106	#EE856A
100.0%	100.0% #FB9871	RGB 251 152 113	#FB9871

#B04A5E #BC505C #C9565A #D5625C #E27363 #EE856A #FB9871

#B04A5E - #D5625C - #FB9871

CSS codes

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

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