#A8D7D3 - #C0DAFF | 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 #A8D7D3 to #C0DAFF

#A8D7D3 #C0DAFF

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

#A8D7D3 - #C0DAFF | 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 #A8D7D3 as 0% and #C0DAFF as 100%.

0.0%	0.0% #A8D7D3	RGB 168 215 211	#A8D7D3
16.7%	16.7% #ACD7DA	RGB 172 215 218	#ACD7DA
33.3%	33.3% #B0D8E1	RGB 176 216 225	#B0D8E1
50.0%	50.0% #B4D8E9	RGB 180 216 233	#B4D8E9
66.7%	66.7% #B8D9F0	RGB 184 217 240	#B8D9F0
83.3%	83.3% #BCD9F7	RGB 188 217 247	#BCD9F7
100.0%	100.0% #C0DAFF	RGB 192 218 255	#C0DAFF

#A8D7D3 #ACD7DA #B0D8E1 #B4D8E9 #B8D9F0 #BCD9F7 #C0DAFF

#A8D7D3 - #C0DAFF

HSV Blend

#A8D7D3 - #C0DAFF | 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 #A8D7D3 as 0% and #C0DAFF as 100%.

0.0%	0.0% #A8D7D3	RGB 168 215 211	#A8D7D3
16.7%	16.7% #ACDCDD	RGB 172 220 221	#ACDCDD
33.3%	33.3% #B0DDE4	RGB 176 221 228	#B0DDE4
50.0%	50.0% #B4DDEB	RGB 180 221 235	#B4DDEB
66.7%	66.7% #B8DCF1	RGB 184 220 241	#B8DCF1
83.3%	83.3% #BCDBF8	RGB 188 219 248	#BCDBF8
100.0%	100.0% #C0DAFF	RGB 192 218 255	#C0DAFF

#A8D7D3 #ACDCDD #B0DDE4 #B4DDEB #B8DCF1 #BCDBF8 #C0DAFF

#A8D7D3 - #B4DDEB - #C0DAFF

CSS codes

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

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