#FB6E52 - #471F17 | 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 #FB6E52 to #471F17

#FB6E52 #471F17

Calculate the color between two colors, #FB6E52 and #471F17. 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)

#FB6E52 - #471F17 | 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 #FB6E52 as 0% and #471F17 as 100%.

0.0%	0.0% #FB6E52	RGB 251 110 82	#FB6E52
16.7%	16.7% #DD6048	RGB 221 96 72	#DD6048
33.3%	33.3% #BF533E	RGB 191 83 62	#BF533E
50.0%	50.0% #A14634	RGB 161 70 52	#A14634
66.7%	66.7% #83392A	RGB 131 57 42	#83392A
83.3%	83.3% #652C20	RGB 101 44 32	#652C20
100.0%	100.0% #471F17	RGB 71 31 23	#471F17

#FB6E52 #DD6048 #BF533E #A14634 #83392A #652C20 #471F17

#FB6E52 - #471F17

HSV Blend

#FB6E52 - #471F17 | 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 #FB6E52 as 0% and #471F17 as 100%.

0.0%	0.0% #FB6E52	RGB 251 110 82	#FB6E52
16.7%	16.7% #DD6048	RGB 221 96 72	#DD6048
33.3%	33.3% #BF533E	RGB 191 83 62	#BF533E
50.0%	50.0% #A14634	RGB 161 70 52	#A14634
66.7%	66.7% #83392A	RGB 131 57 42	#83392A
83.3%	83.3% #652C20	RGB 101 44 32	#652C20
100.0%	100.0% #471F17	RGB 71 31 23	#471F17

#FB6E52 #DD6048 #BF533E #A14634 #83392A #652C20 #471F17

#FB6E52 - #A14634 - #471F17

CSS codes

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

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