#DCD9DC - #B08CB2 | 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 #DCD9DC to #B08CB2

#DCD9DC #B08CB2

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

#DCD9DC - #B08CB2 | 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 #DCD9DC as 0% and #B08CB2 as 100%.

0.0%	0.0% #DCD9DC	RGB 220 217 220	#DCD9DC
16.7%	16.7% #D4CCD5	RGB 212 204 213	#D4CCD5
33.3%	33.3% #CDBFCE	RGB 205 191 206	#CDBFCE
50.0%	50.0% #C6B2C7	RGB 198 178 199	#C6B2C7
66.7%	66.7% #BEA5C0	RGB 190 165 192	#BEA5C0
83.3%	83.3% #B798B9	RGB 183 152 185	#B798B9
100.0%	100.0% #B08CB2	RGB 176 140 178	#B08CB2

#DCD9DC #D4CCD5 #CDBFCE #C6B2C7 #BEA5C0 #B798B9 #B08CB2

#DCD9DC - #B08CB2

HSV Blend

#DCD9DC - #B08CB2 | 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 #DCD9DC as 0% and #B08CB2 as 100%.

0.0%	0.0% #DCD9DC	RGB 220 217 220	#DCD9DC
16.7%	16.7% #D4CBD5	RGB 212 203 213	#D4CBD5
33.3%	33.3% #CDBDCE	RGB 205 189 206	#CDBDCE
50.0%	50.0% #C6B0C7	RGB 198 176 199	#C6B0C7
66.7%	66.7% #BFA3C0	RGB 191 163 192	#BFA3C0
83.3%	83.3% #B797B9	RGB 183 151 185	#B797B9
100.0%	100.0% #B08CB2	RGB 176 140 178	#B08CB2

#DCD9DC #D4CBD5 #CDBDCE #C6B0C7 #BFA3C0 #B797B9 #B08CB2

#DCD9DC - #C6B0C7 - #B08CB2

CSS codes

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

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