#A8BEF0 - #D3DEE8 | 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 #A8BEF0 to #D3DEE8

#A8BEF0 #D3DEE8

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

#A8BEF0 - #D3DEE8 | 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 #A8BEF0 as 0% and #D3DEE8 as 100%.

0.0%	0.0% #A8BEF0	RGB 168 190 240	#A8BEF0
16.7%	16.7% #AFC3EE	RGB 175 195 238	#AFC3EE
33.3%	33.3% #B6C8ED	RGB 182 200 237	#B6C8ED
50.0%	50.0% #BDCEEC	RGB 189 206 236	#BDCEEC
66.7%	66.7% #C4D3EA	RGB 196 211 234	#C4D3EA
83.3%	83.3% #CBD8E9	RGB 203 216 233	#CBD8E9
100.0%	100.0% #D3DEE8	RGB 211 222 232	#D3DEE8

#A8BEF0 #AFC3EE #B6C8ED #BDCEEC #C4D3EA #CBD8E9 #D3DEE8

#A8BEF0 - #D3DEE8

HSV Blend

#A8BEF0 - #D3DEE8 | 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 #A8BEF0 as 0% and #D3DEE8 as 100%.

0.0%	0.0% #A8BDF0	RGB 168 189 240	#A8BDF0
16.7%	16.7% #AFC5EE	RGB 175 197 238	#AFC5EE
33.3%	33.3% #B6CBED	RGB 182 203 237	#B6CBED
50.0%	50.0% #BDD1EC	RGB 189 209 236	#BDD1EC
66.7%	66.7% #C5D6EA	RGB 197 214 234	#C5D6EA
83.3%	83.3% #CCDAE9	RGB 204 218 233	#CCDAE9
100.0%	100.0% #D3DEE8	RGB 211 222 232	#D3DEE8

#A8BDF0 #AFC5EE #B6CBED #BDD1EC #C5D6EA #CCDAE9 #D3DEE8

#A8BEF0 - #BDD1EC - #D3DEE8

CSS codes

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

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