#A0846B - #B8BFCB | 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 #A0846B to #B8BFCB

#A0846B #B8BFCB

Calculate the color between two colors, #A0846B and #B8BFCB. 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)

#A0846B - #B8BFCB | 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 #A0846B as 0% and #B8BFCB as 100%.

0.0%	0.0% #A0846B	RGB 160 132 107	#A0846B
16.7%	16.7% #A48D7B	RGB 164 141 123	#A48D7B
33.3%	33.3% #A8978B	RGB 168 151 139	#A8978B
50.0%	50.0% #ACA19B	RGB 172 161 155	#ACA19B
66.7%	66.7% #B0ABAB	RGB 176 171 171	#B0ABAB
83.3%	83.3% #B4B5BB	RGB 180 181 187	#B4B5BB
100.0%	100.0% #B8BFCB	RGB 184 191 203	#B8BFCB

#A0846B #A48D7B #A8978B #ACA19B #B0ABAB #B4B5BB #B8BFCB

#A0846B - #B8BFCB

HSV Blend

#A0846B - #B8BFCB | 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 #A0846B as 0% and #B8BFCB as 100%.

0.0%	0.0% #A0846B	RGB 160 132 107	#A0846B
16.7%	16.7% #A77676	RGB 167 118 118	#A77676
33.3%	33.3% #AE8297	RGB 174 130 151	#AE8297
50.0%	50.0% #B58EB3	RGB 181 142 179	#B58EB3
66.7%	66.7% #AE9CBC	RGB 174 156 188	#AE9CBC
83.3%	83.3% #ACA9C3	RGB 172 169 195	#ACA9C3
100.0%	100.0% #B8BFCB	RGB 184 191 203	#B8BFCB

#A0846B #A77676 #AE8297 #B58EB3 #AE9CBC #ACA9C3 #B8BFCB

#A0846B - #B58EB3 - #B8BFCB

CSS codes

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

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