#D4CFC8 - #DBDCE5 | 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 #D4CFC8 to #DBDCE5

#D4CFC8 #DBDCE5

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

#D4CFC8 - #DBDCE5 | 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 #D4CFC8 as 0% and #DBDCE5 as 100%.

0.0%	0.0% #D4CFC8	RGB 212 207 200	#D4CFC8
16.7%	16.7% #D5D1CC	RGB 213 209 204	#D5D1CC
33.3%	33.3% #D6D3D1	RGB 214 211 209	#D6D3D1
50.0%	50.0% #D7D5D6	RGB 215 213 214	#D7D5D6
66.7%	66.7% #D8D7DB	RGB 216 215 219	#D8D7DB
83.3%	83.3% #D9D9E0	RGB 217 217 224	#D9D9E0
100.0%	100.0% #DBDCE5	RGB 219 220 229	#DBDCE5

#D4CFC8 #D5D1CC #D6D3D1 #D7D5D6 #D8D7DB #D9D9E0 #DBDCE5

#D4CFC8 - #DBDCE5

HSV Blend

#D4CFC8 - #DBDCE5 | 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 #D4CFC8 as 0% and #DBDCE5 as 100%.

0.0%	0.0% #D4CFC8	RGB 212 207 200	#D4CFC8
16.7%	16.7% #D6CCCB	RGB 214 204 203	#D6CCCB
33.3%	33.3% #D9CED1	RGB 217 206 209	#D9CED1
50.0%	50.0% #DCD1D9	RGB 220 209 217	#DCD1D9
66.7%	66.7% #DDD4DF	RGB 221 212 223	#DDD4DF
83.3%	83.3% #DBD7E2	RGB 219 215 226	#DBD7E2
100.0%	100.0% #DBDCE5	RGB 219 220 229	#DBDCE5

#D4CFC8 #D6CCCB #D9CED1 #DCD1D9 #DDD4DF #DBD7E2 #DBDCE5

#D4CFC8 - #DCD1D9 - #DBDCE5

CSS codes

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

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