#ADB6D3 - #DBDAD6 | 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 #ADB6D3 to #DBDAD6

#ADB6D3 #DBDAD6

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

#ADB6D3 - #DBDAD6 | 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 #ADB6D3 as 0% and #DBDAD6 as 100%.

0.0%	0.0% #ADB6D3	RGB 173 182 211	#ADB6D3
16.7%	16.7% #B4BCD3	RGB 180 188 211	#B4BCD3
33.3%	33.3% #BCC2D4	RGB 188 194 212	#BCC2D4
50.0%	50.0% #C4C8D4	RGB 196 200 212	#C4C8D4
66.7%	66.7% #CBCED5	RGB 203 206 213	#CBCED5
83.3%	83.3% #D3D4D5	RGB 211 212 213	#D3D4D5
100.0%	100.0% #DBDAD6	RGB 219 218 214	#DBDAD6

#ADB6D3 #B4BCD3 #BCC2D4 #C4C8D4 #CBCED5 #D3D4D5 #DBDAD6

#ADB6D3 - #DBDAD6

HSV Blend

#ADB6D3 - #DBDAD6 | 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 #ADB6D3 as 0% and #DBDAD6 as 100%.

0.0%	0.0% #ADB6D3	RGB 173 182 211	#ADB6D3
16.7%	16.7% #B3CBD4	RGB 179 203 212	#B3CBD4
33.3%	33.3% #BAD5CF	RGB 186 213 207	#BAD5CF
50.0%	50.0% #C1D7C7	RGB 193 215 199	#C1D7C7
66.7%	66.7% #CBD8C8	RGB 203 216 200	#CBD8C8
83.3%	83.3% #D6D9CE	RGB 214 217 206	#D6D9CE
100.0%	100.0% #DBDAD6	RGB 219 218 214	#DBDAD6

#ADB6D3 #B3CBD4 #BAD5CF #C1D7C7 #CBD8C8 #D6D9CE #DBDAD6

#ADB6D3 - #C1D7C7 - #DBDAD6

CSS codes

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

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