#B6AFB4 - #8F5A8E | 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 #B6AFB4 to #8F5A8E

#B6AFB4 #8F5A8E

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

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

0.0%	0.0% #B6AFB4	RGB 182 175 180	#B6AFB4
16.7%	16.7% #AFA0AD	RGB 175 160 173	#AFA0AD
33.3%	33.3% #A992A7	RGB 169 146 167	#A992A7
50.0%	50.0% #A284A1	RGB 162 132 161	#A284A1
66.7%	66.7% #9C769A	RGB 156 118 154	#9C769A
83.3%	83.3% #956894	RGB 149 104 148	#956894
100.0%	100.0% #8F5A8E	RGB 143 90 142	#8F5A8E

#B6AFB4 #AFA0AD #A992A7 #A284A1 #9C769A #956894 #8F5A8E

#B6AFB4 - #8F5A8E

HSV Blend

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

0.0%	0.0% #B6AFB4	RGB 182 175 180	#B6AFB4
16.7%	16.7% #AF9FAB	RGB 175 159 171	#AF9FAB
33.3%	33.3% #A98FA4	RGB 169 143 164	#A98FA4
50.0%	50.0% #A2819D	RGB 162 129 157	#A2819D
66.7%	66.7% #9C7397	RGB 156 115 151	#9C7397
83.3%	83.3% #956692	RGB 149 102 146	#956692
100.0%	100.0% #8F5A8E	RGB 143 90 142	#8F5A8E

#B6AFB4 #AF9FAB #A98FA4 #A2819D #9C7397 #956692 #8F5A8E

#B6AFB4 - #A2819D - #8F5A8E

CSS codes

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

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