#ADB9D4 - #DCDCD7 | 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 #ADB9D4 to #DCDCD7

#ADB9D4 #DCDCD7

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

#ADB9D4 - #DCDCD7 | 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 #ADB9D4 as 0% and #DCDCD7 as 100%.

0.0%	0.0% #ADB9D4	RGB 173 185 212	#ADB9D4
16.7%	16.7% #B4BED4	RGB 180 190 212	#B4BED4
33.3%	33.3% #BCC4D5	RGB 188 196 213	#BCC4D5
50.0%	50.0% #C4CAD5	RGB 196 202 213	#C4CAD5
66.7%	66.7% #CCD0D6	RGB 204 208 214	#CCD0D6
83.3%	83.3% #D4D6D6	RGB 212 214 214	#D4D6D6
100.0%	100.0% #DCDCD7	RGB 220 220 215	#DCDCD7

#ADB9D4 #B4BED4 #BCC4D5 #C4CAD5 #CCD0D6 #D4D6D6 #DCDCD7

#ADB9D4 - #DCDCD7

HSV Blend

#ADB9D4 - #DCDCD7 | 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 #ADB9D4 as 0% and #DCDCD7 as 100%.

0.0%	0.0% #ADB9D4	RGB 173 185 212	#ADB9D4
16.7%	16.7% #B3CDD5	RGB 179 205 213	#B3CDD5
33.3%	33.3% #BAD6D0	RGB 186 214 208	#BAD6D0
50.0%	50.0% #C1D8C9	RGB 193 216 201	#C1D8C9
66.7%	66.7% #CAD9C8	RGB 202 217 200	#CAD9C8
83.3%	83.3% #D5DACF	RGB 213 218 207	#D5DACF
100.0%	100.0% #DCDCD7	RGB 220 220 215	#DCDCD7

#ADB9D4 #B3CDD5 #BAD6D0 #C1D8C9 #CAD9C8 #D5DACF #DCDCD7

#ADB9D4 - #C1D8C9 - #DCDCD7

CSS codes

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

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