#ADB5CF - #DCDAD3 | 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 #ADB5CF to #DCDAD3

#ADB5CF #DCDAD3

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

#ADB5CF - #DCDAD3 | 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 #ADB5CF as 0% and #DCDAD3 as 100%.

0.0%	0.0% #ADB5CF	RGB 173 181 207	#ADB5CF
16.7%	16.7% #B4BBCF	RGB 180 187 207	#B4BBCF
33.3%	33.3% #BCC1D0	RGB 188 193 208	#BCC1D0
50.0%	50.0% #C4C7D1	RGB 196 199 209	#C4C7D1
66.7%	66.7% #CCCDD1	RGB 204 205 209	#CCCDD1
83.3%	83.3% #D4D3D2	RGB 212 211 210	#D4D3D2
100.0%	100.0% #DCDAD3	RGB 220 218 211	#DCDAD3

#ADB5CF #B4BBCF #BCC1D0 #C4C7D1 #CCCDD1 #D4D3D2 #DCDAD3

#ADB5CF - #DCDAD3

HSV Blend

#ADB5CF - #DCDAD3 | 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 #ADB5CF as 0% and #DCDAD3 as 100%.

0.0%	0.0% #ADB5CF	RGB 173 181 207	#ADB5CF
16.7%	16.7% #B3C9D1	RGB 179 201 209	#B3C9D1
33.3%	33.3% #B9D3CD	RGB 185 211 205	#B9D3CD
50.0%	50.0% #BFD5C5	RGB 191 213 197	#BFD5C5
66.7%	66.7% #C9D7C5	RGB 201 215 197	#C9D7C5
83.3%	83.3% #D6D9CC	RGB 214 217 204	#D6D9CC
100.0%	100.0% #DCDAD3	RGB 220 218 211	#DCDAD3

#ADB5CF #B3C9D1 #B9D3CD #BFD5C5 #C9D7C5 #D6D9CC #DCDAD3

#ADB5CF - #BFD5C5 - #DCDAD3

CSS codes

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

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