#A8ABB1 - #C0C9FF | 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 #A8ABB1 to #C0C9FF

#A8ABB1 #C0C9FF

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

#A8ABB1 - #C0C9FF | 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 #A8ABB1 as 0% and #C0C9FF as 100%.

0.0%	0.0% #A8ABB1	RGB 168 171 177	#A8ABB1
16.7%	16.7% #ACB0BE	RGB 172 176 190	#ACB0BE
33.3%	33.3% #B0B5CB	RGB 176 181 203	#B0B5CB
50.0%	50.0% #B4BAD8	RGB 180 186 216	#B4BAD8
66.7%	66.7% #B8BFE5	RGB 184 191 229	#B8BFE5
83.3%	83.3% #BCC4F2	RGB 188 196 242	#BCC4F2
100.0%	100.0% #C0C9FF	RGB 192 201 255	#C0C9FF

#A8ABB1 #ACB0BE #B0B5CB #B4BAD8 #B8BFE5 #BCC4F2 #C0C9FF

#A8ABB1 - #C0C9FF

HSV Blend

#A8ABB1 - #C0C9FF | 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 #A8ABB1 as 0% and #C0C9FF as 100%.

0.0%	0.0% #A8ABB1	RGB 168 171 177	#A8ABB1
16.7%	16.7% #AEB2BE	RGB 174 178 190	#AEB2BE
33.3%	33.3% #B3B9CB	RGB 179 185 203	#B3B9CB
50.0%	50.0% #B7BFD8	RGB 183 191 216	#B7BFD8
66.7%	66.7% #BBC3E5	RGB 187 195 229	#BBC3E5
83.3%	83.3% #BEC7F2	RGB 190 199 242	#BEC7F2
100.0%	100.0% #C0C9FF	RGB 192 201 255	#C0C9FF

#A8ABB1 #AEB2BE #B3B9CB #B7BFD8 #BBC3E5 #BEC7F2 #C0C9FF

#A8ABB1 - #B7BFD8 - #C0C9FF

CSS codes

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

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