#A8CBFB - #D7E1ED | 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 #A8CBFB to #D7E1ED

#A8CBFB #D7E1ED

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

#A8CBFB - #D7E1ED | 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 #A8CBFB as 0% and #D7E1ED as 100%.

0.0%	0.0% #A8CBFB	RGB 168 203 251	#A8CBFB
16.7%	16.7% #AFCEF8	RGB 175 206 248	#AFCEF8
33.3%	33.3% #B7D2F6	RGB 183 210 246	#B7D2F6
50.0%	50.0% #BFD6F4	RGB 191 214 244	#BFD6F4
66.7%	66.7% #C7D9F1	RGB 199 217 241	#C7D9F1
83.3%	83.3% #CFDDEF	RGB 207 221 239	#CFDDEF
100.0%	100.0% #D7E1ED	RGB 215 225 237	#D7E1ED

#A8CBFB #AFCEF8 #B7D2F6 #BFD6F4 #C7D9F1 #CFDDEF #D7E1ED

#A8CBFB - #D7E1ED

HSV Blend

#A8CBFB - #D7E1ED | 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 #A8CBFB as 0% and #D7E1ED as 100%.

0.0%	0.0% #A8CBFB	RGB 168 203 251	#A8CBFB
16.7%	16.7% #B0CFF8	RGB 176 207 248	#B0CFF8
33.3%	33.3% #B8D3F6	RGB 184 211 246	#B8D3F6
50.0%	50.0% #C0D6F4	RGB 192 214 244	#C0D6F4
66.7%	66.7% #C8DAF1	RGB 200 218 241	#C8DAF1
83.3%	83.3% #CFDDEF	RGB 207 221 239	#CFDDEF
100.0%	100.0% #D7E1ED	RGB 215 225 237	#D7E1ED

#A8CBFB #B0CFF8 #B8D3F6 #C0D6F4 #C8DAF1 #CFDDEF #D7E1ED

#A8CBFB - #C0D6F4 - #D7E1ED

CSS codes

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

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