#ADD6DA - #E6DFDC | 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 #ADD6DA to #E6DFDC

#ADD6DA #E6DFDC

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

#ADD6DA - #E6DFDC | 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 #ADD6DA as 0% and #E6DFDC as 100%.

0.0%	0.0% #ADD6DA	RGB 173 214 218	#ADD6DA
16.7%	16.7% #B6D7DA	RGB 182 215 218	#B6D7DA
33.3%	33.3% #C0D9DA	RGB 192 217 218	#C0D9DA
50.0%	50.0% #C9DADB	RGB 201 218 219	#C9DADB
66.7%	66.7% #D3DCDB	RGB 211 220 219	#D3DCDB
83.3%	83.3% #DCDDDB	RGB 220 221 219	#DCDDDB
100.0%	100.0% #E6DFDC	RGB 230 223 220	#E6DFDC

#ADD6DA #B6D7DA #C0D9DA #C9DADB #D3DCDB #DCDDDB #E6DFDC

#ADD6DA - #E6DFDC

HSV Blend

#ADD6DA - #E6DFDC | 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 #ADD6DA as 0% and #E6DFDC as 100%.

0.0%	0.0% #ADD6DA	RGB 173 214 218	#ADD6DA
16.7%	16.7% #B4DCCD	RGB 180 220 205	#B4DCCD
33.3%	33.3% #BCDEC1	RGB 188 222 193	#BCDEC1
50.0%	50.0% #CCE0C4	RGB 204 224 196	#CCE0C4
66.7%	66.7% #DCE2CB	RGB 220 226 203	#DCE2CB
83.3%	83.3% #E4E0D3	RGB 228 224 211	#E4E0D3
100.0%	100.0% #E6DFDC	RGB 230 223 220	#E6DFDC

#ADD6DA #B4DCCD #BCDEC1 #CCE0C4 #DCE2CB #E4E0D3 #E6DFDC

#ADD6DA - #CCE0C4 - #E6DFDC

CSS codes

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

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