#A2D7DA - #CDDAD5 | 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 #A2D7DA to #CDDAD5

#A2D7DA #CDDAD5

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

#A2D7DA - #CDDAD5 | 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 #A2D7DA as 0% and #CDDAD5 as 100%.

0.0%	0.0% #A2D7DA	RGB 162 215 218	#A2D7DA
16.7%	16.7% #A9D7D9	RGB 169 215 217	#A9D7D9
33.3%	33.3% #B0D8D8	RGB 176 216 216	#B0D8D8
50.0%	50.0% #B7D8D7	RGB 183 216 215	#B7D8D7
66.7%	66.7% #BED9D6	RGB 190 217 214	#BED9D6
83.3%	83.3% #C5D9D5	RGB 197 217 213	#C5D9D5
100.0%	100.0% #CDDAD5	RGB 205 218 213	#CDDAD5

#A2D7DA #A9D7D9 #B0D8D8 #B7D8D7 #BED9D6 #C5D9D5 #CDDAD5

#A2D7DA - #CDDAD5

HSV Blend

#A2D7DA - #CDDAD5 | 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 #A2D7DA as 0% and #CDDAD5 as 100%.

0.0%	0.0% #A2D7DA	RGB 162 215 218	#A2D7DA
16.7%	16.7% #A9DAD9	RGB 169 218 217	#A9DAD9
33.3%	33.3% #B0DAD6	RGB 176 218 214	#B0DAD6
50.0%	50.0% #B7DAD4	RGB 183 218 212	#B7DAD4
66.7%	66.7% #BEDAD3	RGB 190 218 211	#BEDAD3
83.3%	83.3% #C5DAD3	RGB 197 218 211	#C5DAD3
100.0%	100.0% #CDDAD5	RGB 205 218 213	#CDDAD5

#A2D7DA #A9DAD9 #B0DAD6 #B7DAD4 #BEDAD3 #C5DAD3 #CDDAD5

#A2D7DA - #B7DAD4 - #CDDAD5

CSS codes

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

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