#A8ABD8 - #C0E3D4 | 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 #A8ABD8 to #C0E3D4

#A8ABD8 #C0E3D4

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

#A8ABD8 - #C0E3D4 | 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 #A8ABD8 as 0% and #C0E3D4 as 100%.

0.0%	0.0% #A8ABD8	RGB 168 171 216	#A8ABD8
16.7%	16.7% #ACB4D7	RGB 172 180 215	#ACB4D7
33.3%	33.3% #B0BDD6	RGB 176 189 214	#B0BDD6
50.0%	50.0% #B4C7D6	RGB 180 199 214	#B4C7D6
66.7%	66.7% #B8D0D5	RGB 184 208 213	#B8D0D5
83.3%	83.3% #BCD9D4	RGB 188 217 212	#BCD9D4
100.0%	100.0% #C0E3D4	RGB 192 227 212	#C0E3D4

#A8ABD8 #ACB4D7 #B0BDD6 #B4C7D6 #B8D0D5 #BCD9D4 #C0E3D4

#A8ABD8 - #C0E3D4

HSV Blend

#A8ABD8 - #C0E3D4 | 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 #A8ABD8 as 0% and #C0E3D4 as 100%.

0.0%	0.0% #A8ABD8	RGB 168 171 216	#A8ABD8
16.7%	16.7% #ABB9D9	RGB 171 185 217	#ABB9D9
33.3%	33.3% #AFC6DB	RGB 175 198 219	#AFC6DB
50.0%	50.0% #B3D2DD	RGB 179 210 221	#B3D2DD
66.7%	66.7% #B7DEDF	RGB 183 222 223	#B7DEDF
83.3%	83.3% #BBE1D9	RGB 187 225 217	#BBE1D9
100.0%	100.0% #C0E3D4	RGB 192 227 212	#C0E3D4

#A8ABD8 #ABB9D9 #AFC6DB #B3D2DD #B7DEDF #BBE1D9 #C0E3D4

#A8ABD8 - #B3D2DD - #C0E3D4

CSS codes

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

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