#A8B2CD - #DBD9D2 | 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 #A8B2CD to #DBD9D2

#A8B2CD #DBD9D2

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

#A8B2CD - #DBD9D2 | 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 #A8B2CD as 0% and #DBD9D2 as 100%.

0.0%	0.0% #A8B2CD	RGB 168 178 205	#A8B2CD
16.7%	16.7% #B0B8CD	RGB 176 184 205	#B0B8CD
33.3%	33.3% #B9BFCE	RGB 185 191 206	#B9BFCE
50.0%	50.0% #C1C5CF	RGB 193 197 207	#C1C5CF
66.7%	66.7% #CACCD0	RGB 202 204 208	#CACCD0
83.3%	83.3% #D2D2D1	RGB 210 210 209	#D2D2D1
100.0%	100.0% #DBD9D2	RGB 219 217 210	#DBD9D2

#A8B2CD #B0B8CD #B9BFCE #C1C5CF #CACCD0 #D2D2D1 #DBD9D2

#A8B2CD - #DBD9D2

HSV Blend

#A8B2CD - #DBD9D2 | 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 #A8B2CD as 0% and #DBD9D2 as 100%.

0.0%	0.0% #A8B2CD	RGB 168 178 205	#A8B2CD
16.7%	16.7% #AEC7CF	RGB 174 199 207	#AEC7CF
33.3%	33.3% #B5D1CA	RGB 181 209 202	#B5D1CA
50.0%	50.0% #BCD4C2	RGB 188 212 194	#BCD4C2
66.7%	66.7% #C8D6C3	RGB 200 214 195	#C8D6C3
83.3%	83.3% #D4D8CA	RGB 212 216 202	#D4D8CA
100.0%	100.0% #DBD9D2	RGB 219 217 210	#DBD9D2

#A8B2CD #AEC7CF #B5D1CA #BCD4C2 #C8D6C3 #D4D8CA #DBD9D2

#A8B2CD - #BCD4C2 - #DBD9D2

CSS codes

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

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