#B0544D - #801F11 | 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 #B0544D to #801F11

#B0544D #801F11

Calculate the color between two colors, #B0544D and #801F11. 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)

#B0544D - #801F11 | 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 #B0544D as 0% and #801F11 as 100%.

0.0%	0.0% #B0544D	RGB 176 84 77	#B0544D
16.7%	16.7% #A84B43	RGB 168 75 67	#A84B43
33.3%	33.3% #A04239	RGB 160 66 57	#A04239
50.0%	50.0% #98392F	RGB 152 57 47	#98392F
66.7%	66.7% #903025	RGB 144 48 37	#903025
83.3%	83.3% #88271B	RGB 136 39 27	#88271B
100.0%	100.0% #801F11	RGB 128 31 17	#801F11

#B0544D #A84B43 #A04239 #98392F #903025 #88271B #801F11

#B0544D - #801F11

HSV Blend

#B0544D - #801F11 | 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 #B0544D as 0% and #801F11 as 100%.

0.0%	0.0% #B0544D	RGB 176 84 77	#B0544D
16.7%	16.7% #A84940	RGB 168 73 64	#A84940
33.3%	33.3% #A03F35	RGB 160 63 53	#A03F35
50.0%	50.0% #98362B	RGB 152 54 43	#98362B
66.7%	66.7% #902D21	RGB 144 45 33	#902D21
83.3%	83.3% #882518	RGB 136 37 24	#882518
100.0%	100.0% #801F11	RGB 128 31 17	#801F11

#B0544D #A84940 #A03F35 #98362B #902D21 #882518 #801F11

#B0544D - #98362B - #801F11

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B0544D 0%, #98362B 50%, #801F11 100%);
    background: -webkit-linear-gradient(top, #B0544D 0%, #98362B 50%, #801F11 100%);
    background: linear-gradient(to bottom, #B0544D 0%, #98362B 50%, #801F11 100%);
}
</style>