#A8D3FE - #DBE2ED | 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 #A8D3FE to #DBE2ED

#A8D3FE #DBE2ED

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

#A8D3FE - #DBE2ED | 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 #A8D3FE as 0% and #DBE2ED as 100%.

0.0%	0.0% #A8D3FE	RGB 168 211 254	#A8D3FE
16.7%	16.7% #B0D5FB	RGB 176 213 251	#B0D5FB
33.3%	33.3% #B9D8F8	RGB 185 216 248	#B9D8F8
50.0%	50.0% #C1DAF5	RGB 193 218 245	#C1DAF5
66.7%	66.7% #CADDF2	RGB 202 221 242	#CADDF2
83.3%	83.3% #D2DFEF	RGB 210 223 239	#D2DFEF
100.0%	100.0% #DBE2ED	RGB 219 226 237	#DBE2ED

#A8D3FE #B0D5FB #B9D8F8 #C1DAF5 #CADDF2 #D2DFEF #DBE2ED

#A8D3FE - #DBE2ED

HSV Blend

#A8D3FE - #DBE2ED | 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 #A8D3FE as 0% and #DBE2ED as 100%.

0.0%	0.0% #A8D3FE	RGB 168 211 254	#A8D3FE
16.7%	16.7% #B1D4FB	RGB 177 212 251	#B1D4FB
33.3%	33.3% #B9D6F8	RGB 185 214 248	#B9D6F8
50.0%	50.0% #C2D9F5	RGB 194 217 245	#C2D9F5
66.7%	66.7% #CADBF2	RGB 202 219 242	#CADBF2
83.3%	83.3% #D3DEEF	RGB 211 222 239	#D3DEEF
100.0%	100.0% #DBE2ED	RGB 219 226 237	#DBE2ED

#A8D3FE #B1D4FB #B9D6F8 #C2D9F5 #CADBF2 #D3DEEF #DBE2ED

#A8D3FE - #C2D9F5 - #DBE2ED

CSS codes

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

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