#A8D0FC - #DAE2EC | 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 #A8D0FC to #DAE2EC

#A8D0FC #DAE2EC

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

#A8D0FC - #DAE2EC | 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 #A8D0FC as 0% and #DAE2EC as 100%.

0.0%	0.0% #A8D0FC	RGB 168 208 252	#A8D0FC
16.7%	16.7% #B0D3F9	RGB 176 211 249	#B0D3F9
33.3%	33.3% #B8D6F6	RGB 184 214 246	#B8D6F6
50.0%	50.0% #C1D9F4	RGB 193 217 244	#C1D9F4
66.7%	66.7% #C9DCF1	RGB 201 220 241	#C9DCF1
83.3%	83.3% #D1DFEE	RGB 209 223 238	#D1DFEE
100.0%	100.0% #DAE2EC	RGB 218 226 236	#DAE2EC

#A8D0FC #B0D3F9 #B8D6F6 #C1D9F4 #C9DCF1 #D1DFEE #DAE2EC

#A8D0FC - #DAE2EC

HSV Blend

#A8D0FC - #DAE2EC | 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 #A8D0FC as 0% and #DAE2EC as 100%.

0.0%	0.0% #A8D0FC	RGB 168 208 252	#A8D0FC
16.7%	16.7% #B0D3F9	RGB 176 211 249	#B0D3F9
33.3%	33.3% #B9D6F6	RGB 185 214 246	#B9D6F6
50.0%	50.0% #C2D9F4	RGB 194 217 244	#C2D9F4
66.7%	66.7% #CADCF1	RGB 202 220 241	#CADCF1
83.3%	83.3% #D2DFEE	RGB 210 223 238	#D2DFEE
100.0%	100.0% #DAE2EC	RGB 218 226 236	#DAE2EC

#A8D0FC #B0D3F9 #B9D6F6 #C2D9F4 #CADCF1 #D2DFEE #DAE2EC

#A8D0FC - #C2D9F4 - #DAE2EC

CSS codes

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

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