#D8CACB - #DFE3E6 | 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 #D8CACB to #DFE3E6

#D8CACB #DFE3E6

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

#D8CACB - #DFE3E6 | 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 #D8CACB as 0% and #DFE3E6 as 100%.

0.0%	0.0% #D8CACB	RGB 216 202 203	#D8CACB
16.7%	16.7% #D9CECF	RGB 217 206 207	#D9CECF
33.3%	33.3% #DAD2D4	RGB 218 210 212	#DAD2D4
50.0%	50.0% #DBD6D8	RGB 219 214 216	#DBD6D8
66.7%	66.7% #DCDADD	RGB 220 218 221	#DCDADD
83.3%	83.3% #DDDEE1	RGB 221 222 225	#DDDEE1
100.0%	100.0% #DFE3E6	RGB 223 227 230	#DFE3E6

#D8CACB #D9CECF #DAD2D4 #DBD6D8 #DCDADD #DDDEE1 #DFE3E6

#D8CACB - #DFE3E6

HSV Blend

#D8CACB - #DFE3E6 | 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 #D8CACB as 0% and #DFE3E6 as 100%.

0.0%	0.0% #D8CACB	RGB 216 202 203	#D8CACB
16.7%	16.7% #DACDD3	RGB 218 205 211	#DACDD3
33.3%	33.3% #DCD0DB	RGB 220 208 219	#DCD0DB
50.0%	50.0% #DBD4DF	RGB 219 212 223	#DBD4DF
66.7%	66.7% #DAD7E1	RGB 218 215 225	#DAD7E1
83.3%	83.3% #DBDCE3	RGB 219 220 227	#DBDCE3
100.0%	100.0% #DFE3E6	RGB 223 227 230	#DFE3E6

#D8CACB #DACDD3 #DCD0DB #DBD4DF #DAD7E1 #DBDCE3 #DFE3E6

#D8CACB - #DBD4DF - #DFE3E6

CSS codes

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

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