#DBD9DC - #9C8CB2 | 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 #DBD9DC to #9C8CB2

#DBD9DC #9C8CB2

Calculate the color between two colors, #DBD9DC and #9C8CB2. 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)

#DBD9DC - #9C8CB2 | 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 #DBD9DC as 0% and #9C8CB2 as 100%.

0.0%	0.0% #DBD9DC	RGB 219 217 220	#DBD9DC
16.7%	16.7% #D0CCD5	RGB 208 204 213	#D0CCD5
33.3%	33.3% #C6BFCE	RGB 198 191 206	#C6BFCE
50.0%	50.0% #BBB2C7	RGB 187 178 199	#BBB2C7
66.7%	66.7% #B1A5C0	RGB 177 165 192	#B1A5C0
83.3%	83.3% #A698B9	RGB 166 152 185	#A698B9
100.0%	100.0% #9C8CB2	RGB 156 140 178	#9C8CB2

#DBD9DC #D0CCD5 #C6BFCE #BBB2C7 #B1A5C0 #A698B9 #9C8CB2

#DBD9DC - #9C8CB2

HSV Blend

#DBD9DC - #9C8CB2 | 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 #DBD9DC as 0% and #9C8CB2 as 100%.

0.0%	0.0% #DBD9DC	RGB 219 217 220	#DBD9DC
16.7%	16.7% #D1CBD5	RGB 209 203 213	#D1CBD5
33.3%	33.3% #C7BDCE	RGB 199 189 206	#C7BDCE
50.0%	50.0% #BCB0C7	RGB 188 176 199	#BCB0C7
66.7%	66.7% #B1A3C0	RGB 177 163 192	#B1A3C0
83.3%	83.3% #A797B9	RGB 167 151 185	#A797B9
100.0%	100.0% #9C8CB2	RGB 156 140 178	#9C8CB2

#DBD9DC #D1CBD5 #C7BDCE #BCB0C7 #B1A3C0 #A797B9 #9C8CB2

#DBD9DC - #BCB0C7 - #9C8CB2

CSS codes

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

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