#ADCED9 - #DBDCDA | 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 #ADCED9 to #DBDCDA

#ADCED9 #DBDCDA

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

#ADCED9 - #DBDCDA | 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 #ADCED9 as 0% and #DBDCDA as 100%.

0.0%	0.0% #ADCED9	RGB 173 206 217	#ADCED9
16.7%	16.7% #B4D0D9	RGB 180 208 217	#B4D0D9
33.3%	33.3% #BCD2D9	RGB 188 210 217	#BCD2D9
50.0%	50.0% #C4D5D9	RGB 196 213 217	#C4D5D9
66.7%	66.7% #CBD7D9	RGB 203 215 217	#CBD7D9
83.3%	83.3% #D3D9D9	RGB 211 217 217	#D3D9D9
100.0%	100.0% #DBDCDA	RGB 219 220 218	#DBDCDA

#ADCED9 #B4D0D9 #BCD2D9 #C4D5D9 #CBD7D9 #D3D9D9 #DBDCDA

#ADCED9 - #DBDCDA

HSV Blend

#ADCED9 - #DBDCDA | 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 #ADCED9 as 0% and #DBDCDA as 100%.

0.0%	0.0% #ADCED9	RGB 173 206 217	#ADCED9
16.7%	16.7% #B4D9D7	RGB 180 217 215	#B4D9D7
33.3%	33.3% #BBDACF	RGB 187 218 207	#BBDACF
50.0%	50.0% #C3DACC	RGB 195 218 204	#C3DACC
66.7%	66.7% #CADBCC	RGB 202 219 204	#CADBCC
83.3%	83.3% #D4DBD2	RGB 212 219 210	#D4DBD2
100.0%	100.0% #DBDCDA	RGB 219 220 218	#DBDCDA

#ADCED9 #B4D9D7 #BBDACF #C3DACC #CADBCC #D4DBD2 #DBDCDA

#ADCED9 - #C3DACC - #DBDCDA

CSS codes

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

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