#B6ACBA - #CDC2EC | 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 #B6ACBA to #CDC2EC

#B6ACBA #CDC2EC

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

#B6ACBA - #CDC2EC | 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 #B6ACBA as 0% and #CDC2EC as 100%.

0.0%	0.0% #B6ACBA	RGB 182 172 186	#B6ACBA
16.7%	16.7% #B9AFC2	RGB 185 175 194	#B9AFC2
33.3%	33.3% #BDB3CA	RGB 189 179 202	#BDB3CA
50.0%	50.0% #C1B7D3	RGB 193 183 211	#C1B7D3
66.7%	66.7% #C5BADB	RGB 197 186 219	#C5BADB
83.3%	83.3% #C9BEE3	RGB 201 190 227	#C9BEE3
100.0%	100.0% #CDC2EC	RGB 205 194 236	#CDC2EC

#B6ACBA #B9AFC2 #BDB3CA #C1B7D3 #C5BADB #C9BEE3 #CDC2EC

#B6ACBA - #CDC2EC

HSV Blend

#B6ACBA - #CDC2EC | 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 #B6ACBA as 0% and #CDC2EC as 100%.

0.0%	0.0% #B6ACBA	RGB 182 172 186	#B6ACBA
16.7%	16.7% #BBB0C2	RGB 187 176 194	#BBB0C2
33.3%	33.3% #C0B4CA	RGB 192 180 202	#C0B4CA
50.0%	50.0% #C5B8D3	RGB 197 184 211	#C5B8D3
66.7%	66.7% #C8BBDB	RGB 200 187 219	#C8BBDB
83.3%	83.3% #CBBFE3	RGB 203 191 227	#CBBFE3
100.0%	100.0% #CDC2EC	RGB 205 194 236	#CDC2EC

#B6ACBA #BBB0C2 #C0B4CA #C5B8D3 #C8BBDB #CBBFE3 #CDC2EC

#B6ACBA - #C5B8D3 - #CDC2EC

CSS codes

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

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