#B0555D - #FCA06E | 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 #B0555D to #FCA06E

#B0555D #FCA06E

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

#B0555D - #FCA06E | 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 #B0555D as 0% and #FCA06E as 100%.

0.0%	0.0% #B0555D	RGB 176 85 93	#B0555D
16.7%	16.7% #BC615F	RGB 188 97 95	#BC615F
33.3%	33.3% #C96E62	RGB 201 110 98	#C96E62
50.0%	50.0% #D67A65	RGB 214 122 101	#D67A65
66.7%	66.7% #E28768	RGB 226 135 104	#E28768
83.3%	83.3% #EF936B	RGB 239 147 107	#EF936B
100.0%	100.0% #FCA06E	RGB 252 160 110	#FCA06E

#B0555D #BC615F #C96E62 #D67A65 #E28768 #EF936B #FCA06E

#B0555D - #FCA06E

HSV Blend

#B0555D - #FCA06E | 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 #B0555D as 0% and #FCA06E as 100%.

0.0%	0.0% #B0555D	RGB 176 85 93	#B0555D
16.7%	16.7% #BC595B	RGB 188 89 91	#BC595B
33.3%	33.3% #C9645E	RGB 201 100 94	#C9645E
50.0%	50.0% #D67162	RGB 214 113 98	#D67162
66.7%	66.7% #E27F66	RGB 226 127 102	#E27F66
83.3%	83.3% #EF8F6A	RGB 239 143 106	#EF8F6A
100.0%	100.0% #FCA06E	RGB 252 160 110	#FCA06E

#B0555D #BC595B #C9645E #D67162 #E27F66 #EF8F6A #FCA06E

#B0555D - #D67162 - #FCA06E

CSS codes

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

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