#BDAFB4 - #8B5B67 | 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 #BDAFB4 to #8B5B67

#BDAFB4 #8B5B67

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

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

0.0%	0.0% #BDAFB4	RGB 189 175 180	#BDAFB4
16.7%	16.7% #B4A1A7	RGB 180 161 167	#B4A1A7
33.3%	33.3% #AC939A	RGB 172 147 154	#AC939A
50.0%	50.0% #A4858D	RGB 164 133 141	#A4858D
66.7%	66.7% #9B7780	RGB 155 119 128	#9B7780
83.3%	83.3% #936973	RGB 147 105 115	#936973
100.0%	100.0% #8B5B67	RGB 139 91 103	#8B5B67

#BDAFB4 #B4A1A7 #AC939A #A4858D #9B7780 #936973 #8B5B67

#BDAFB4 - #8B5B67

HSV Blend

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

0.0%	0.0% #BDAFB4	RGB 189 175 180	#BDAFB4
16.7%	16.7% #B49FA6	RGB 180 159 166	#B49FA6
33.3%	33.3% #AC8F99	RGB 172 143 153	#AC8F99
50.0%	50.0% #A4818C	RGB 164 129 140	#A4818C
66.7%	66.7% #9B737F	RGB 155 115 127	#9B737F
83.3%	83.3% #936772	RGB 147 103 114	#936772
100.0%	100.0% #8B5B67	RGB 139 91 103	#8B5B67

#BDAFB4 #B49FA6 #AC8F99 #A4818C #9B737F #936772 #8B5B67

#BDAFB4 - #A4818C - #8B5B67

CSS codes

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

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