#DCD2D9 - #FFEBEC | 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 #DCD2D9 to #FFEBEC

#DCD2D9 #FFEBEC

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

#DCD2D9 - #FFEBEC | 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 #DCD2D9 as 0% and #FFEBEC as 100%.

0.0%	0.0% #DCD2D9	RGB 220 210 217	#DCD2D9
16.7%	16.7% #E1D6DC	RGB 225 214 220	#E1D6DC
33.3%	33.3% #E7DADF	RGB 231 218 223	#E7DADF
50.0%	50.0% #EDDEE2	RGB 237 222 226	#EDDEE2
66.7%	66.7% #F3E2E5	RGB 243 226 229	#F3E2E5
83.3%	83.3% #F9E6E8	RGB 249 230 232	#F9E6E8
100.0%	100.0% #FFEBEC	RGB 255 235 236	#FFEBEC

#DCD2D9 #E1D6DC #E7DADF #EDDEE2 #F3E2E5 #F9E6E8 #FFEBEC

#DCD2D9 - #FFEBEC

HSV Blend

#DCD2D9 - #FFEBEC | 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 #DCD2D9 as 0% and #FFEBEC as 100%.

0.0%	0.0% #DCD2D9	RGB 220 210 217	#DCD2D9
16.7%	16.7% #E1D6DD	RGB 225 214 221	#E1D6DD
33.3%	33.3% #E7DAE0	RGB 231 218 224	#E7DAE0
50.0%	50.0% #EDDEE4	RGB 237 222 228	#EDDEE4
66.7%	66.7% #F3E2E7	RGB 243 226 231	#F3E2E7
83.3%	83.3% #F9E6E9	RGB 249 230 233	#F9E6E9
100.0%	100.0% #FFEBEC	RGB 255 235 236	#FFEBEC

#DCD2D9 #E1D6DD #E7DAE0 #EDDEE4 #F3E2E7 #F9E6E9 #FFEBEC

#DCD2D9 - #EDDEE4 - #FFEBEC

CSS codes

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

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