#A8D3F7 - #DFE3EA | 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 #A8D3F7 to #DFE3EA

#A8D3F7 #DFE3EA

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

#A8D3F7 - #DFE3EA | 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 #A8D3F7 as 0% and #DFE3EA as 100%.

0.0%	0.0% #A8D3F7	RGB 168 211 247	#A8D3F7
16.7%	16.7% #B1D5F4	RGB 177 213 244	#B1D5F4
33.3%	33.3% #BAD8F2	RGB 186 216 242	#BAD8F2
50.0%	50.0% #C3DBF0	RGB 195 219 240	#C3DBF0
66.7%	66.7% #CCDDEE	RGB 204 221 238	#CCDDEE
83.3%	83.3% #D5E0EC	RGB 213 224 236	#D5E0EC
100.0%	100.0% #DFE3EA	RGB 223 227 234	#DFE3EA

#A8D3F7 #B1D5F4 #BAD8F2 #C3DBF0 #CCDDEE #D5E0EC #DFE3EA

#A8D3F7 - #DFE3EA

HSV Blend

#A8D3F7 - #DFE3EA | 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 #A8D3F7 as 0% and #DFE3EA as 100%.

0.0%	0.0% #A8D3F7	RGB 168 211 247	#A8D3F7
16.7%	16.7% #B1D4F4	RGB 177 212 244	#B1D4F4
33.3%	33.3% #BBD6F2	RGB 187 214 242	#BBD6F2
50.0%	50.0% #C4D8F0	RGB 196 216 240	#C4D8F0
66.7%	66.7% #CDDBEE	RGB 205 219 238	#CDDBEE
83.3%	83.3% #D6DEEC	RGB 214 222 236	#D6DEEC
100.0%	100.0% #DFE3EA	RGB 223 227 234	#DFE3EA

#A8D3F7 #B1D4F4 #BBD6F2 #C4D8F0 #CDDBEE #D6DEEC #DFE3EA

#A8D3F7 - #C4D8F0 - #DFE3EA

CSS codes

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

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