#B0516B - #FBA181 | 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 #B0516B to #FBA181

#B0516B #FBA181

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

#B0516B - #FBA181 | 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 #B0516B as 0% and #FBA181 as 100%.

0.0%	0.0% #B0516B	RGB 176 81 107	#B0516B
16.7%	16.7% #BC5E6E	RGB 188 94 110	#BC5E6E
33.3%	33.3% #C96B72	RGB 201 107 114	#C96B72
50.0%	50.0% #D57976	RGB 213 121 118	#D57976
66.7%	66.7% #E28679	RGB 226 134 121	#E28679
83.3%	83.3% #EE937D	RGB 238 147 125	#EE937D
100.0%	100.0% #FBA181	RGB 251 161 129	#FBA181

#B0516B #BC5E6E #C96B72 #D57976 #E28679 #EE937D #FBA181

#B0516B - #FBA181

HSV Blend

#B0516B - #FBA181 | 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 #B0516B as 0% and #FBA181 as 100%.

0.0%	0.0% #B0506B	RGB 176 80 107	#B0506B
16.7%	16.7% #BC586A	RGB 188 88 106	#BC586A
33.3%	33.3% #C9606A	RGB 201 96 106	#C9606A
50.0%	50.0% #D56768	RGB 213 103 104	#D56768
66.7%	66.7% #E27970	RGB 226 121 112	#E27970
83.3%	83.3% #EE8C78	RGB 238 140 120	#EE8C78
100.0%	100.0% #FBA181	RGB 251 161 129	#FBA181

#B0506B #BC586A #C9606A #D56768 #E27970 #EE8C78 #FBA181

#B0516B - #D56768 - #FBA181

CSS codes

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

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