#A8ADB5 - #DDC2BD | 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 #A8ADB5 to #DDC2BD

#A8ADB5 #DDC2BD

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

#A8ADB5 - #DDC2BD | 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 #A8ADB5 as 0% and #DDC2BD as 100%.

0.0%	0.0% #A8ADB5	RGB 168 173 181	#A8ADB5
16.7%	16.7% #B0B0B6	RGB 176 176 182	#B0B0B6
33.3%	33.3% #B9B4B7	RGB 185 180 183	#B9B4B7
50.0%	50.0% #C2B7B9	RGB 194 183 185	#C2B7B9
66.7%	66.7% #CBBBBA	RGB 203 187 186	#CBBBBA
83.3%	83.3% #D4BEBB	RGB 212 190 187	#D4BEBB
100.0%	100.0% #DDC2BD	RGB 221 194 189	#DDC2BD

#A8ADB5 #B0B0B6 #B9B4B7 #C2B7B9 #CBBBBA #D4BEBB #DDC2BD

#A8ADB5 - #DDC2BD

HSV Blend

#A8ADB5 - #DDC2BD | 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 #A8ADB5 as 0% and #DDC2BD as 100%.

0.0%	0.0% #A8ADB5	RGB 168 173 181	#A8ADB5
16.7%	16.7% #ACABBB	RGB 172 171 187	#ACABBB
33.3%	33.3% #B8AFC2	RGB 184 175 194	#B8AFC2
50.0%	50.0% #C6B3C9	RGB 198 179 201	#C6B3C9
66.7%	66.7% #CFB6C7	RGB 207 182 199	#CFB6C7
83.3%	83.3% #D6B9C1	RGB 214 185 193	#D6B9C1
100.0%	100.0% #DDC2BD	RGB 221 194 189	#DDC2BD

#A8ADB5 #ACABBB #B8AFC2 #C6B3C9 #CFB6C7 #D6B9C1 #DDC2BD

#A8ADB5 - #C6B3C9 - #DDC2BD

CSS codes

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

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