#B6AFB3 - #875A8C | 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 #B6AFB3 to #875A8C

#B6AFB3 #875A8C

Calculate the color between two colors, #B6AFB3 and #875A8C. 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)

#B6AFB3 - #875A8C | 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 #B6AFB3 as 0% and #875A8C as 100%.

0.0%	0.0% #B6AFB3	RGB 182 175 179	#B6AFB3
16.7%	16.7% #AEA0AC	RGB 174 160 172	#AEA0AC
33.3%	33.3% #A692A6	RGB 166 146 166	#A692A6
50.0%	50.0% #9E849F	RGB 158 132 159	#9E849F
66.7%	66.7% #967699	RGB 150 118 153	#967699
83.3%	83.3% #8E6892	RGB 142 104 146	#8E6892
100.0%	100.0% #875A8C	RGB 135 90 140	#875A8C

#B6AFB3 #AEA0AC #A692A6 #9E849F #967699 #8E6892 #875A8C

#B6AFB3 - #875A8C

HSV Blend

#B6AFB3 - #875A8C | 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 #B6AFB3 as 0% and #875A8C as 100%.

0.0%	0.0% #B6AFB3	RGB 182 175 179	#B6AFB3
16.7%	16.7% #AF9EA9	RGB 175 158 169	#AF9EA9
33.3%	33.3% #A88FA1	RGB 168 143 161	#A88FA1
50.0%	50.0% #A1819B	RGB 161 129 155	#A1819B
66.7%	66.7% #9A7397	RGB 154 115 151	#9A7397
83.3%	83.3% #926693	RGB 146 102 147	#926693
100.0%	100.0% #875A8C	RGB 135 90 140	#875A8C

#B6AFB3 #AF9EA9 #A88FA1 #A1819B #9A7397 #926693 #875A8C

#B6AFB3 - #A1819B - #875A8C

CSS codes

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

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