#B1878C - #763A3E | 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 #B1878C to #763A3E

#B1878C #763A3E

Calculate the color between two colors, #B1878C and #763A3E. 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)

#B1878C - #763A3E | 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 #B1878C as 0% and #763A3E as 100%.

0.0%	0.0% #B1878C	RGB 177 135 140	#B1878C
16.7%	16.7% #A77A7F	RGB 167 122 127	#A77A7F
33.3%	33.3% #9D6D72	RGB 157 109 114	#9D6D72
50.0%	50.0% #936065	RGB 147 96 101	#936065
66.7%	66.7% #895358	RGB 137 83 88	#895358
83.3%	83.3% #7F464B	RGB 127 70 75	#7F464B
100.0%	100.0% #763A3E	RGB 118 58 62	#763A3E

#B1878C #A77A7F #9D6D72 #936065 #895358 #7F464B #763A3E

#B1878C - #763A3E

HSV Blend

#B1878C - #763A3E | 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 #B1878C as 0% and #763A3E as 100%.

0.0%	0.0% #B1878C	RGB 177 135 140	#B1878C
16.7%	16.7% #A7777D	RGB 167 119 125	#A7777D
33.3%	33.3% #9D696F	RGB 157 105 111	#9D696F
50.0%	50.0% #935C61	RGB 147 92 97	#935C61
66.7%	66.7% #895054	RGB 137 80 84	#895054
83.3%	83.3% #7F4449	RGB 127 68 73	#7F4449
100.0%	100.0% #763A3E	RGB 118 58 62	#763A3E

#B1878C #A7777D #9D696F #935C61 #895054 #7F4449 #763A3E

#B1878C - #935C61 - #763A3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B1878C 0%, #935C61 50%, #763A3E 100%);
    background: -webkit-linear-gradient(top, #B1878C 0%, #935C61 50%, #763A3E 100%);
    background: linear-gradient(to bottom, #B1878C 0%, #935C61 50%, #763A3E 100%);
}
</style>