#A8BACC - #C8C0FF | 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 #A8BACC to #C8C0FF

#A8BACC #C8C0FF

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

#A8BACC - #C8C0FF | 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 #A8BACC as 0% and #C8C0FF as 100%.

0.0%	0.0% #A8BACC	RGB 168 186 204	#A8BACC
16.7%	16.7% #ADBBD4	RGB 173 187 212	#ADBBD4
33.3%	33.3% #B2BCDD	RGB 178 188 221	#B2BCDD
50.0%	50.0% #B8BDE5	RGB 184 189 229	#B8BDE5
66.7%	66.7% #BDBEEE	RGB 189 190 238	#BDBEEE
83.3%	83.3% #C2BFF6	RGB 194 191 246	#C2BFF6
100.0%	100.0% #C8C0FF	RGB 200 192 255	#C8C0FF

#A8BACC #ADBBD4 #B2BCDD #B8BDE5 #BDBEEE #C2BFF6 #C8C0FF

#A8BACC - #C8C0FF

HSV Blend

#A8BACC - #C8C0FF | 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 #A8BACC as 0% and #C8C0FF as 100%.

0.0%	0.0% #A8BACC	RGB 168 186 204	#A8BACC
16.7%	16.7% #ACBCD4	RGB 172 188 212	#ACBCD4
33.3%	33.3% #B0BDDD	RGB 176 189 221	#B0BDDD
50.0%	50.0% #B4BDE5	RGB 180 189 229	#B4BDE5
66.7%	66.7% #B8BDEE	RGB 184 189 238	#B8BDEE
83.3%	83.3% #BDBCF6	RGB 189 188 246	#BDBCF6
100.0%	100.0% #C8C0FF	RGB 200 192 255	#C8C0FF

#A8BACC #ACBCD4 #B0BDDD #B4BDE5 #B8BDEE #BDBCF6 #C8C0FF

#A8BACC - #B4BDE5 - #C8C0FF

CSS codes

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

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