#A2DAD1 - #CDDAD0 | 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 #A2DAD1 to #CDDAD0

#A2DAD1 #CDDAD0

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

#A2DAD1 - #CDDAD0 | 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 #A2DAD1 as 0% and #CDDAD0 as 100%.

0.0%	0.0% #A2DAD1	RGB 162 218 209	#A2DAD1
16.7%	16.7% #A9DAD0	RGB 169 218 208	#A9DAD0
33.3%	33.3% #B0DAD0	RGB 176 218 208	#B0DAD0
50.0%	50.0% #B7DAD0	RGB 183 218 208	#B7DAD0
66.7%	66.7% #BEDAD0	RGB 190 218 208	#BEDAD0
83.3%	83.3% #C5DAD0	RGB 197 218 208	#C5DAD0
100.0%	100.0% #CDDAD0	RGB 205 218 208	#CDDAD0

#A2DAD1 #A9DAD0 #B0DAD0 #B7DAD0 #BEDAD0 #C5DAD0 #CDDAD0

#A2DAD1 - #CDDAD0

HSV Blend

#A2DAD1 - #CDDAD0 | 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 #A2DAD1 as 0% and #CDDAD0 as 100%.

0.0%	0.0% #A2DAD1	RGB 162 218 209	#A2DAD1
16.7%	16.7% #A9DACD	RGB 169 218 205	#A9DACD
33.3%	33.3% #B0DACA	RGB 176 218 202	#B0DACA
50.0%	50.0% #B7DAC9	RGB 183 218 201	#B7DAC9
66.7%	66.7% #BEDACA	RGB 190 218 202	#BEDACA
83.3%	83.3% #C5DACC	RGB 197 218 204	#C5DACC
100.0%	100.0% #CDDAD0	RGB 205 218 208	#CDDAD0

#A2DAD1 #A9DACD #B0DACA #B7DAC9 #BEDACA #C5DACC #CDDAD0

#A2DAD1 - #B7DAC9 - #CDDAD0

CSS codes

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

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