#A8ACB5 - #D8BBFF | 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 #A8ACB5 to #D8BBFF

#A8ACB5 #D8BBFF

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

#A8ACB5 - #D8BBFF | 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 #A8ACB5 as 0% and #D8BBFF as 100%.

0.0%	0.0% #A8ACB5	RGB 168 172 181	#A8ACB5
16.7%	16.7% #B0AEC1	RGB 176 174 193	#B0AEC1
33.3%	33.3% #B8B1CD	RGB 184 177 205	#B8B1CD
50.0%	50.0% #C0B3DA	RGB 192 179 218	#C0B3DA
66.7%	66.7% #C8B6E6	RGB 200 182 230	#C8B6E6
83.3%	83.3% #D0B8F2	RGB 208 184 242	#D0B8F2
100.0%	100.0% #D8BBFF	RGB 216 187 255	#D8BBFF

#A8ACB5 #B0AEC1 #B8B1CD #C0B3DA #C8B6E6 #D0B8F2 #D8BBFF

#A8ACB5 - #D8BBFF

HSV Blend

#A8ACB5 - #D8BBFF | 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 #A8ACB5 as 0% and #D8BBFF as 100%.

0.0%	0.0% #A8ACB5	RGB 168 172 181	#A8ACB5
16.7%	16.7% #ADB0C1	RGB 173 176 193	#ADB0C1
33.3%	33.3% #B1B3CD	RGB 177 179 205	#B1B3CD
50.0%	50.0% #B7B5DA	RGB 183 181 218	#B7B5DA
66.7%	66.7% #C0B7E6	RGB 192 183 230	#C0B7E6
83.3%	83.3% #CBB9F2	RGB 203 185 242	#CBB9F2
100.0%	100.0% #D8BBFF	RGB 216 187 255	#D8BBFF

#A8ACB5 #ADB0C1 #B1B3CD #B7B5DA #C0B7E6 #CBB9F2 #D8BBFF

#A8ACB5 - #B7B5DA - #D8BBFF

CSS codes

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

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