#A8B0EC - #CCD9E6 | 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 #A8B0EC to #CCD9E6

#A8B0EC #CCD9E6

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

#A8B0EC - #CCD9E6 | 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 #A8B0EC as 0% and #CCD9E6 as 100%.

0.0%	0.0% #A8B0EC	RGB 168 176 236	#A8B0EC
16.7%	16.7% #AEB6EB	RGB 174 182 235	#AEB6EB
33.3%	33.3% #B4BDEA	RGB 180 189 234	#B4BDEA
50.0%	50.0% #BAC4E9	RGB 186 196 233	#BAC4E9
66.7%	66.7% #C0CBE8	RGB 192 203 232	#C0CBE8
83.3%	83.3% #C6D2E7	RGB 198 210 231	#C6D2E7
100.0%	100.0% #CCD9E6	RGB 204 217 230	#CCD9E6

#A8B0EC #AEB6EB #B4BDEA #BAC4E9 #C0CBE8 #C6D2E7 #CCD9E6

#A8B0EC - #CCD9E6

HSV Blend

#A8B0EC - #CCD9E6 | 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 #A8B0EC as 0% and #CCD9E6 as 100%.

0.0%	0.0% #A8B0EC	RGB 168 176 236	#A8B0EC
16.7%	16.7% #AEB9EB	RGB 174 185 235	#AEB9EB
33.3%	33.3% #B4C1EA	RGB 180 193 234	#B4C1EA
50.0%	50.0% #BAC8E9	RGB 186 200 233	#BAC8E9
66.7%	66.7% #C0CFE8	RGB 192 207 232	#C0CFE8
83.3%	83.3% #C6D4E7	RGB 198 212 231	#C6D4E7
100.0%	100.0% #CCD9E6	RGB 204 217 230	#CCD9E6

#A8B0EC #AEB9EB #B4C1EA #BAC8E9 #C0CFE8 #C6D4E7 #CCD9E6

#A8B0EC - #BAC8E9 - #CCD9E6

CSS codes

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

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