#A8D9E2 - #D5DFDD | 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 #A8D9E2 to #D5DFDD

#A8D9E2 #D5DFDD

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

#A8D9E2 - #D5DFDD | 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 #A8D9E2 as 0% and #D5DFDD as 100%.

0.0%	0.0% #A8D9E2	RGB 168 217 226	#A8D9E2
16.7%	16.7% #AFDAE1	RGB 175 218 225	#AFDAE1
33.3%	33.3% #B7DBE0	RGB 183 219 224	#B7DBE0
50.0%	50.0% #BEDCDF	RGB 190 220 223	#BEDCDF
66.7%	66.7% #C6DDDE	RGB 198 221 222	#C6DDDE
83.3%	83.3% #CDDEDD	RGB 205 222 221	#CDDEDD
100.0%	100.0% #D5DFDD	RGB 213 223 221	#D5DFDD

#A8D9E2 #AFDAE1 #B7DBE0 #BEDCDF #C6DDDE #CDDEDD #D5DFDD

#A8D9E2 - #D5DFDD

HSV Blend

#A8D9E2 - #D5DFDD | 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 #A8D9E2 as 0% and #D5DFDD as 100%.

0.0%	0.0% #A8D9E2	RGB 168 217 226	#A8D9E2
16.7%	16.7% #AFDCE1	RGB 175 220 225	#AFDCE1
33.3%	33.3% #B7DFE1	RGB 183 223 225	#B7DFE1
50.0%	50.0% #BEE0DF	RGB 190 224 223	#BEE0DF
66.7%	66.7% #C6E0DD	RGB 198 224 221	#C6E0DD
83.3%	83.3% #CDDFDC	RGB 205 223 220	#CDDFDC
100.0%	100.0% #D5DFDD	RGB 213 223 221	#D5DFDD

#A8D9E2 #AFDCE1 #B7DFE1 #BEE0DF #C6E0DD #CDDFDC #D5DFDD

#A8D9E2 - #BEE0DF - #D5DFDD

CSS codes

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

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