#B85C5E - #FFA76E | 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 #B85C5E to #FFA76E

#B85C5E #FFA76E

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

#B85C5E - #FFA76E | 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 #B85C5E as 0% and #FFA76E as 100%.

0.0%	0.0% #B85C5E	RGB 184 92 94	#B85C5E
16.7%	16.7% #C36860	RGB 195 104 96	#C36860
33.3%	33.3% #CF7563	RGB 207 117 99	#CF7563
50.0%	50.0% #DB8166	RGB 219 129 102	#DB8166
66.7%	66.7% #E78E68	RGB 231 142 104	#E78E68
83.3%	83.3% #F39A6B	RGB 243 154 107	#F39A6B
100.0%	100.0% #FFA76E	RGB 255 167 110	#FFA76E

#B85C5E #C36860 #CF7563 #DB8166 #E78E68 #F39A6B #FFA76E

#B85C5E - #FFA76E

HSV Blend

#B85C5E - #FFA76E | 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 #B85C5E as 0% and #FFA76E as 100%.

0.0%	0.0% #B85C5E	RGB 184 92 94	#B85C5E
16.7%	16.7% #C3645F	RGB 195 100 95	#C3645F
33.3%	33.3% #CF6F63	RGB 207 111 99	#CF6F63
50.0%	50.0% #DB7B66	RGB 219 123 102	#DB7B66
66.7%	66.7% #E78969	RGB 231 137 105	#E78969
83.3%	83.3% #F3976B	RGB 243 151 107	#F3976B
100.0%	100.0% #FFA76E	RGB 255 167 110	#FFA76E

#B85C5E #C3645F #CF6F63 #DB7B66 #E78969 #F3976B #FFA76E

#B85C5E - #DB7B66 - #FFA76E

CSS codes

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

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