#A8BCCF - #E2DDD5 | 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 #A8BCCF to #E2DDD5

#A8BCCF #E2DDD5

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

#A8BCCF - #E2DDD5 | 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 #A8BCCF as 0% and #E2DDD5 as 100%.

0.0%	0.0% #A8BCCF	RGB 168 188 207	#A8BCCF
16.7%	16.7% #B1C1D0	RGB 177 193 208	#B1C1D0
33.3%	33.3% #BBC7D1	RGB 187 199 209	#BBC7D1
50.0%	50.0% #C5CCD2	RGB 197 204 210	#C5CCD2
66.7%	66.7% #CED2D3	RGB 206 210 211	#CED2D3
83.3%	83.3% #D8D7D4	RGB 216 215 212	#D8D7D4
100.0%	100.0% #E2DDD5	RGB 226 221 213	#E2DDD5

#A8BCCF #B1C1D0 #BBC7D1 #C5CCD2 #CED2D3 #D8D7D4 #E2DDD5

#A8BCCF - #E2DDD5

HSV Blend

#A8BCCF - #E2DDD5 | 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 #A8BCCF as 0% and #E2DDD5 as 100%.

0.0%	0.0% #A8BCCF	RGB 168 188 207	#A8BCCF
16.7%	16.7% #AFD1D2	RGB 175 209 210	#AFD1D2
33.3%	33.3% #B6D5C6	RGB 182 213 198	#B6D5C6
50.0%	50.0% #BDD8BF	RGB 189 216 191	#BDD8BF
66.7%	66.7% #CEDBC5	RGB 206 219 197	#CEDBC5
83.3%	83.3% #DDDECD	RGB 221 222 205	#DDDECD
100.0%	100.0% #E2DDD5	RGB 226 221 213	#E2DDD5

#A8BCCF #AFD1D2 #B6D5C6 #BDD8BF #CEDBC5 #DDDECD #E2DDD5

#A8BCCF - #BDD8BF - #E2DDD5

CSS codes

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

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