#A8BDCD - #DBD6D2 | 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 #A8BDCD to #DBD6D2

#A8BDCD #DBD6D2

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

#A8BDCD - #DBD6D2 | 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 #A8BDCD as 0% and #DBD6D2 as 100%.

0.0%	0.0% #A8BDCD	RGB 168 189 205	#A8BDCD
16.7%	16.7% #B0C1CD	RGB 176 193 205	#B0C1CD
33.3%	33.3% #B9C5CE	RGB 185 197 206	#B9C5CE
50.0%	50.0% #C1C9CF	RGB 193 201 207	#C1C9CF
66.7%	66.7% #CACDD0	RGB 202 205 208	#CACDD0
83.3%	83.3% #D2D1D1	RGB 210 209 209	#D2D1D1
100.0%	100.0% #DBD6D2	RGB 219 214 210	#DBD6D2

#A8BDCD #B0C1CD #B9C5CE #C1C9CF #CACDD0 #D2D1D1 #DBD6D2

#A8BDCD - #DBD6D2

HSV Blend

#A8BDCD - #DBD6D2 | 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 #A8BDCD as 0% and #DBD6D2 as 100%.

0.0%	0.0% #A8BDCD	RGB 168 189 205	#A8BDCD
16.7%	16.7% #AECFCD	RGB 174 207 205	#AECFCD
33.3%	33.3% #B5D1C1	RGB 181 209 193	#B5D1C1
50.0%	50.0% #BDD4BC	RGB 189 212 188	#BDD4BC
66.7%	66.7% #CED6C3	RGB 206 214 195	#CED6C3
83.3%	83.3% #D8D7CA	RGB 216 215 202	#D8D7CA
100.0%	100.0% #DBD6D2	RGB 219 214 210	#DBD6D2

#A8BDCD #AECFCD #B5D1C1 #BDD4BC #CED6C3 #D8D7CA #DBD6D2

#A8BDCD - #BDD4BC - #DBD6D2

CSS codes

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

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