#A8ABDF - #CED6DD | 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 #A8ABDF to #CED6DD

#A8ABDF #CED6DD

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

#A8ABDF - #CED6DD | 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 #A8ABDF as 0% and #CED6DD as 100%.

0.0%	0.0% #A8ABDF	RGB 168 171 223	#A8ABDF
16.7%	16.7% #AEB2DE	RGB 174 178 222	#AEB2DE
33.3%	33.3% #B4B9DE	RGB 180 185 222	#B4B9DE
50.0%	50.0% #BBC0DE	RGB 187 192 222	#BBC0DE
66.7%	66.7% #C1C7DD	RGB 193 199 221	#C1C7DD
83.3%	83.3% #C7CEDD	RGB 199 206 221	#C7CEDD
100.0%	100.0% #CED6DD	RGB 206 214 221	#CED6DD

#A8ABDF #AEB2DE #B4B9DE #BBC0DE #C1C7DD #C7CEDD #CED6DD

#A8ABDF - #CED6DD

HSV Blend

#A8ABDF - #CED6DD | 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 #A8ABDF as 0% and #CED6DD as 100%.

0.0%	0.0% #A8AADF	RGB 168 170 223	#A8AADF
16.7%	16.7% #AEB4DE	RGB 174 180 222	#AEB4DE
33.3%	33.3% #B4BDDE	RGB 180 189 222	#B4BDDE
50.0%	50.0% #BBC5DE	RGB 187 197 222	#BBC5DE
66.7%	66.7% #C1CBDD	RGB 193 203 221	#C1CBDD
83.3%	83.3% #C7D1DD	RGB 199 209 221	#C7D1DD
100.0%	100.0% #CED6DD	RGB 206 214 221	#CED6DD

#A8AADF #AEB4DE #B4BDDE #BBC5DE #C1CBDD #C7D1DD #CED6DD

#A8ABDF - #BBC5DE - #CED6DD

CSS codes

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

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