#8B7A8C - #FFBB8D | 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 #8B7A8C to #FFBB8D

#8B7A8C #FFBB8D

Calculate the color between two colors, #8B7A8C and #FFBB8D. 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)

#8B7A8C - #FFBB8D | 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 #8B7A8C as 0% and #FFBB8D as 100%.

0.0%	0.0% #8B7A8C	RGB 139 122 140	#8B7A8C
16.7%	16.7% #9E848C	RGB 158 132 140	#9E848C
33.3%	33.3% #B18F8C	RGB 177 143 140	#B18F8C
50.0%	50.0% #C59A8C	RGB 197 154 140	#C59A8C
66.7%	66.7% #D8A58C	RGB 216 165 140	#D8A58C
83.3%	83.3% #EBB08C	RGB 235 176 140	#EBB08C
100.0%	100.0% #FFBB8D	RGB 255 187 141	#FFBB8D

#8B7A8C #9E848C #B18F8C #C59A8C #D8A58C #EBB08C #FFBB8D

#8B7A8C - #FFBB8D

HSV Blend

#8B7A8C - #FFBB8D | 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 #8B7A8C as 0% and #FFBB8D as 100%.

0.0%	0.0% #8B7A8C	RGB 139 122 140	#8B7A8C
16.7%	16.7% #9F8299	RGB 159 130 153	#9F8299
33.3%	33.3% #B288A0	RGB 178 136 160	#B288A0
50.0%	50.0% #C58C9F	RGB 197 140 159	#C58C9F
66.7%	66.7% #D88E94	RGB 216 142 148	#D88E94
83.3%	83.3% #EB9D8E	RGB 235 157 142	#EB9D8E
100.0%	100.0% #FFBB8D	RGB 255 187 141	#FFBB8D

#8B7A8C #9F8299 #B288A0 #C58C9F #D88E94 #EB9D8E #FFBB8D

#8B7A8C - #C58C9F - #FFBB8D

CSS codes

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

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