#D0C9C4 - #DFDFEC | 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 #D0C9C4 to #DFDFEC

#D0C9C4 #DFDFEC

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

#D0C9C4 - #DFDFEC | 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 #D0C9C4 as 0% and #DFDFEC as 100%.

0.0%	0.0% #D0C9C4	RGB 208 201 196	#D0C9C4
16.7%	16.7% #D2CCCA	RGB 210 204 202	#D2CCCA
33.3%	33.3% #D5D0D1	RGB 213 208 209	#D5D0D1
50.0%	50.0% #D7D4D8	RGB 215 212 216	#D7D4D8
66.7%	66.7% #DAD7DE	RGB 218 215 222	#DAD7DE
83.3%	83.3% #DCDBE5	RGB 220 219 229	#DCDBE5
100.0%	100.0% #DFDFEC	RGB 223 223 236	#DFDFEC

#D0C9C4 #D2CCCA #D5D0D1 #D7D4D8 #DAD7DE #DCDBE5 #DFDFEC

#D0C9C4 - #DFDFEC

HSV Blend

#D0C9C4 - #DFDFEC | 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 #D0C9C4 as 0% and #DFDFEC as 100%.

0.0%	0.0% #D0C9C4	RGB 208 201 196	#D0C9C4
16.7%	16.7% #D4C8C8	RGB 212 200 200	#D4C8C8
33.3%	33.3% #D9CCD1	RGB 217 204 209	#D9CCD1
50.0%	50.0% #DED1DB	RGB 222 209 219	#DED1DB
66.7%	66.7% #E0D5E2	RGB 224 213 226	#E0D5E2
83.3%	83.3% #DFDAE7	RGB 223 218 231	#DFDAE7
100.0%	100.0% #DFDFEC	RGB 223 223 236	#DFDFEC

#D0C9C4 #D4C8C8 #D9CCD1 #DED1DB #E0D5E2 #DFDAE7 #DFDFEC

#D0C9C4 - #DED1DB - #DFDFEC

CSS codes

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

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