#B0556B - #FBA481 | 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 #B0556B to #FBA481

#B0556B #FBA481

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

#B0556B - #FBA481 | 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 #B0556B as 0% and #FBA481 as 100%.

0.0%	0.0% #B0556B	RGB 176 85 107	#B0556B
16.7%	16.7% #BC626E	RGB 188 98 110	#BC626E
33.3%	33.3% #C96F72	RGB 201 111 114	#C96F72
50.0%	50.0% #D57C76	RGB 213 124 118	#D57C76
66.7%	66.7% #E28979	RGB 226 137 121	#E28979
83.3%	83.3% #EE967D	RGB 238 150 125	#EE967D
100.0%	100.0% #FBA481	RGB 251 164 129	#FBA481

#B0556B #BC626E #C96F72 #D57C76 #E28979 #EE967D #FBA481

#B0556B - #FBA481

HSV Blend

#B0556B - #FBA481 | 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 #B0556B as 0% and #FBA481 as 100%.

0.0%	0.0% #B0556B	RGB 176 85 107	#B0556B
16.7%	16.7% #BC5C6A	RGB 188 92 106	#BC5C6A
33.3%	33.3% #C96369	RGB 201 99 105	#C96369
50.0%	50.0% #D56C6A	RGB 213 108 106	#D56C6A
66.7%	66.7% #E27E71	RGB 226 126 113	#E27E71
83.3%	83.3% #EE9079	RGB 238 144 121	#EE9079
100.0%	100.0% #FBA481	RGB 251 164 129	#FBA481

#B0556B #BC5C6A #C96369 #D56C6A #E27E71 #EE9079 #FBA481

#B0556B - #D56C6A - #FBA481

CSS codes

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

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