#D9C0DA - #F8FFD3 | 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 #D9C0DA to #F8FFD3

#D9C0DA #F8FFD3

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

#D9C0DA - #F8FFD3 | 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 #D9C0DA as 0% and #F8FFD3 as 100%.

0.0%	0.0% #D9C0DA	RGB 217 192 218	#D9C0DA
16.7%	16.7% #DECAD8	RGB 222 202 216	#DECAD8
33.3%	33.3% #E3D5D7	RGB 227 213 215	#E3D5D7
50.0%	50.0% #E8DFD6	RGB 232 223 214	#E8DFD6
66.7%	66.7% #EDEAD5	RGB 237 234 213	#EDEAD5
83.3%	83.3% #F2F4D4	RGB 242 244 212	#F2F4D4
100.0%	100.0% #F8FFD3	RGB 248 255 211	#F8FFD3

#D9C0DA #DECAD8 #E3D5D7 #E8DFD6 #EDEAD5 #F2F4D4 #F8FFD3

#D9C0DA - #F8FFD3

HSV Blend

#D9C0DA - #F8FFD3 | 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 #D9C0DA as 0% and #F8FFD3 as 100%.

0.0%	0.0% #D9C0DA	RGB 217 192 218	#D9C0DA
16.7%	16.7% #E0C3D6	RGB 224 195 214	#E0C3D6
33.3%	33.3% #E6C6D0	RGB 230 198 208	#E6C6D0
50.0%	50.0% #ECCCC9	RGB 236 204 201	#ECCCC9
66.7%	66.7% #F2DDCD	RGB 242 221 205	#F2DDCD
83.3%	83.3% #F8F0D0	RGB 248 240 208	#F8F0D0
100.0%	100.0% #F8FFD3	RGB 248 255 211	#F8FFD3

#D9C0DA #E0C3D6 #E6C6D0 #ECCCC9 #F2DDCD #F8F0D0 #F8FFD3

#D9C0DA - #ECCCC9 - #F8FFD3

CSS codes

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

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