#B6ABAE - #D0B5E7 | 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 #B6ABAE to #D0B5E7

#B6ABAE #D0B5E7

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

#B6ABAE - #D0B5E7 | 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 #B6ABAE as 0% and #D0B5E7 as 100%.

0.0%	0.0% #B6ABAE	RGB 182 171 174	#B6ABAE
16.7%	16.7% #BAACB7	RGB 186 172 183	#BAACB7
33.3%	33.3% #BEAEC1	RGB 190 174 193	#BEAEC1
50.0%	50.0% #C3B0CA	RGB 195 176 202	#C3B0CA
66.7%	66.7% #C7B1D4	RGB 199 177 212	#C7B1D4
83.3%	83.3% #CBB3DD	RGB 203 179 221	#CBB3DD
100.0%	100.0% #D0B5E7	RGB 208 181 231	#D0B5E7

#B6ABAE #BAACB7 #BEAEC1 #C3B0CA #C7B1D4 #CBB3DD #D0B5E7

#B6ABAE - #D0B5E7

HSV Blend

#B6ABAE - #D0B5E7 | 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 #B6ABAE as 0% and #D0B5E7 as 100%.

0.0%	0.0% #B6ABAE	RGB 182 171 174	#B6ABAE
16.7%	16.7% #BEADB5	RGB 190 173 181	#BEADB5
33.3%	33.3% #C6B0BE	RGB 198 176 190	#C6B0BE
50.0%	50.0% #CEB1CA	RGB 206 177 202	#CEB1CA
66.7%	66.7% #D4B3D6	RGB 212 179 214	#D4B3D6
83.3%	83.3% #D3B4DE	RGB 211 180 222	#D3B4DE
100.0%	100.0% #D0B5E7	RGB 208 181 231	#D0B5E7

#B6ABAE #BEADB5 #C6B0BE #CEB1CA #D4B3D6 #D3B4DE #D0B5E7

#B6ABAE - #CEB1CA - #D0B5E7

CSS codes

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

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