#A2CDDA - #D1DAD8 | 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 #A2CDDA to #D1DAD8

#A2CDDA #D1DAD8

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

#A2CDDA - #D1DAD8 | 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 #A2CDDA as 0% and #D1DAD8 as 100%.

0.0%	0.0% #A2CDDA	RGB 162 205 218	#A2CDDA
16.7%	16.7% #A9CFD9	RGB 169 207 217	#A9CFD9
33.3%	33.3% #B1D1D9	RGB 177 209 217	#B1D1D9
50.0%	50.0% #B9D3D9	RGB 185 211 217	#B9D3D9
66.7%	66.7% #C1D5D8	RGB 193 213 216	#C1D5D8
83.3%	83.3% #C9D7D8	RGB 201 215 216	#C9D7D8
100.0%	100.0% #D1DAD8	RGB 209 218 216	#D1DAD8

#A2CDDA #A9CFD9 #B1D1D9 #B9D3D9 #C1D5D8 #C9D7D8 #D1DAD8

#A2CDDA - #D1DAD8

HSV Blend

#A2CDDA - #D1DAD8 | 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 #A2CDDA as 0% and #D1DAD8 as 100%.

0.0%	0.0% #A2CDDA	RGB 162 205 218	#A2CDDA
16.7%	16.7% #A9D2DA	RGB 169 210 218	#A9D2DA
33.3%	33.3% #B1D6DA	RGB 177 214 218	#B1D6DA
50.0%	50.0% #B9D9DA	RGB 185 217 218	#B9D9DA
66.7%	66.7% #C1DAD8	RGB 193 218 216	#C1DAD8
83.3%	83.3% #C9DAD7	RGB 201 218 215	#C9DAD7
100.0%	100.0% #D1DAD8	RGB 209 218 216	#D1DAD8

#A2CDDA #A9D2DA #B1D6DA #B9D9DA #C1DAD8 #C9DAD7 #D1DAD8

#A2CDDA - #B9D9DA - #D1DAD8

CSS codes

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

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