#DFD9DC - #C08CB6 | 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 #DFD9DC to #C08CB6

#DFD9DC #C08CB6

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

#DFD9DC - #C08CB6 | 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 #DFD9DC as 0% and #C08CB6 as 100%.

0.0%	0.0% #DFD9DC	RGB 223 217 220	#DFD9DC
16.7%	16.7% #D9CCD5	RGB 217 204 213	#D9CCD5
33.3%	33.3% #D4BFCF	RGB 212 191 207	#D4BFCF
50.0%	50.0% #CFB2C9	RGB 207 178 201	#CFB2C9
66.7%	66.7% #CAA5C2	RGB 202 165 194	#CAA5C2
83.3%	83.3% #C598BC	RGB 197 152 188	#C598BC
100.0%	100.0% #C08CB6	RGB 192 140 182	#C08CB6

#DFD9DC #D9CCD5 #D4BFCF #CFB2C9 #CAA5C2 #C598BC #C08CB6

#DFD9DC - #C08CB6

HSV Blend

#DFD9DC - #C08CB6 | 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 #DFD9DC as 0% and #C08CB6 as 100%.

0.0%	0.0% #DFD9DC	RGB 223 217 220	#DFD9DC
16.7%	16.7% #D9CBD3	RGB 217 203 211	#D9CBD3
33.3%	33.3% #D4BDCB	RGB 212 189 203	#D4BDCB
50.0%	50.0% #CFB0C4	RGB 207 176 196	#CFB0C4
66.7%	66.7% #CAA3BF	RGB 202 163 191	#CAA3BF
83.3%	83.3% #C597BA	RGB 197 151 186	#C597BA
100.0%	100.0% #C08CB6	RGB 192 140 182	#C08CB6

#DFD9DC #D9CBD3 #D4BDCB #CFB0C4 #CAA3BF #C597BA #C08CB6

#DFD9DC - #CFB0C4 - #C08CB6

CSS codes

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

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