#B0495B - #FB966D | 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 #B0495B to #FB966D

#B0495B #FB966D

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

#B0495B - #FB966D | 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 #B0495B as 0% and #FB966D as 100%.

0.0%	0.0% #B0495B	RGB 176 73 91	#B0495B
16.7%	16.7% #BC555E	RGB 188 85 94	#BC555E
33.3%	33.3% #C96261	RGB 201 98 97	#C96261
50.0%	50.0% #D56F64	RGB 213 111 100	#D56F64
66.7%	66.7% #E27C67	RGB 226 124 103	#E27C67
83.3%	83.3% #EE896A	RGB 238 137 106	#EE896A
100.0%	100.0% #FB966D	RGB 251 150 109	#FB966D

#B0495B #BC555E #C96261 #D56F64 #E27C67 #EE896A #FB966D

#B0495B - #FB966D

HSV Blend

#B0495B - #FB966D | 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 #B0495B as 0% and #FB966D as 100%.

0.0%	0.0% #B0495B	RGB 176 73 91	#B0495B
16.7%	16.7% #BC4E59	RGB 188 78 89	#BC4E59
33.3%	33.3% #C95457	RGB 201 84 87	#C95457
50.0%	50.0% #D5615A	RGB 213 97 90	#D5615A
66.7%	66.7% #E27260	RGB 226 114 96	#E27260
83.3%	83.3% #EE8366	RGB 238 131 102	#EE8366
100.0%	100.0% #FB966D	RGB 251 150 109	#FB966D

#B0495B #BC4E59 #C95457 #D5615A #E27260 #EE8366 #FB966D

#B0495B - #D5615A - #FB966D

CSS codes

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

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