#A2B7DA - #D9DBDA | 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 #A2B7DA to #D9DBDA

#A2B7DA #D9DBDA

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

#A2B7DA - #D9DBDA | 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 #A2B7DA as 0% and #D9DBDA as 100%.

0.0%	0.0% #A2B7DA	RGB 162 183 218	#A2B7DA
16.7%	16.7% #ABBDDA	RGB 171 189 218	#ABBDDA
33.3%	33.3% #B4C3DA	RGB 180 195 218	#B4C3DA
50.0%	50.0% #BDC9DA	RGB 189 201 218	#BDC9DA
66.7%	66.7% #C6CFDA	RGB 198 207 218	#C6CFDA
83.3%	83.3% #CFD5DA	RGB 207 213 218	#CFD5DA
100.0%	100.0% #D9DBDA	RGB 217 219 218	#D9DBDA

#A2B7DA #ABBDDA #B4C3DA #BDC9DA #C6CFDA #CFD5DA #D9DBDA

#A2B7DA - #D9DBDA

HSV Blend

#A2B7DA - #D9DBDA | 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 #A2B7DA as 0% and #D9DBDA as 100%.

0.0%	0.0% #A2B7DA	RGB 162 183 218	#A2B7DA
16.7%	16.7% #ABC5DA	RGB 171 197 218	#ABC5DA
33.3%	33.3% #B4D0DA	RGB 180 208 218	#B4D0DA
50.0%	50.0% #BDD8DA	RGB 189 216 218	#BDD8DA
66.7%	66.7% #C6DAD8	RGB 198 218 216	#C6DAD8
83.3%	83.3% #CFDAD7	RGB 207 218 215	#CFDAD7
100.0%	100.0% #D9DBDA	RGB 217 219 218	#D9DBDA

#A2B7DA #ABC5DA #B4D0DA #BDD8DA #C6DAD8 #CFDAD7 #D9DBDA

#A2B7DA - #BDD8DA - #D9DBDA

CSS codes

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

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