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

#ADB6CF #DCDAD3

Calculate the color between two colors, #ADB6CF 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)

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

0.0%	0.0% #ADB6CF	RGB 173 182 207	#ADB6CF
16.7%	16.7% #B4BCCF	RGB 180 188 207	#B4BCCF
33.3%	33.3% #BCC2D0	RGB 188 194 208	#BCC2D0
50.0%	50.0% #C4C8D1	RGB 196 200 209	#C4C8D1
66.7%	66.7% #CCCED1	RGB 204 206 209	#CCCED1
83.3%	83.3% #D4D4D2	RGB 212 212 210	#D4D4D2
100.0%	100.0% #DCDAD3	RGB 220 218 211	#DCDAD3

#ADB6CF #B4BCCF #BCC2D0 #C4C8D1 #CCCED1 #D4D4D2 #DCDAD3

#ADB6CF - #DCDAD3

HSV Blend

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

0.0%	0.0% #ADB6CF	RGB 173 182 207	#ADB6CF
16.7%	16.7% #B3C9D1	RGB 179 201 209	#B3C9D1
33.3%	33.3% #B9D3CC	RGB 185 211 204	#B9D3CC
50.0%	50.0% #BFD5C5	RGB 191 213 197	#BFD5C5
66.7%	66.7% #CAD7C5	RGB 202 215 197	#CAD7C5
83.3%	83.3% #D6D9CC	RGB 214 217 204	#D6D9CC
100.0%	100.0% #DCDAD3	RGB 220 218 211	#DCDAD3

#ADB6CF #B3C9D1 #B9D3CC #BFD5C5 #CAD7C5 #D6D9CC #DCDAD3

#ADB6CF - #BFD5C5 - #DCDAD3

CSS codes

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

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