#DDDBDA - #FAFFEB | 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 #DDDBDA to #FAFFEB

#DDDBDA #FAFFEB

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

#DDDBDA - #FAFFEB | 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 #DDDBDA as 0% and #FAFFEB as 100%.

0.0%	0.0% #DDDBDA	RGB 221 219 218	#DDDBDA
16.7%	16.7% #E1E1DC	RGB 225 225 220	#E1E1DC
33.3%	33.3% #E6E7DF	RGB 230 231 223	#E6E7DF
50.0%	50.0% #EBEDE2	RGB 235 237 226	#EBEDE2
66.7%	66.7% #F0F3E5	RGB 240 243 229	#F0F3E5
83.3%	83.3% #F5F9E8	RGB 245 249 232	#F5F9E8
100.0%	100.0% #FAFFEB	RGB 250 255 235	#FAFFEB

#DDDBDA #E1E1DC #E6E7DF #EBEDE2 #F0F3E5 #F5F9E8 #FAFFEB

#DDDBDA - #FAFFEB

HSV Blend

#DDDBDA - #FAFFEB | 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 #DDDBDA as 0% and #FAFFEB as 100%.

0.0%	0.0% #DDDBDA	RGB 221 219 218	#DDDBDA
16.7%	16.7% #E2DFDD	RGB 226 223 221	#E2DFDD
33.3%	33.3% #E8E5E0	RGB 232 229 224	#E8E5E0
50.0%	50.0% #EEEBE3	RGB 238 235 227	#EEEBE3
66.7%	66.7% #F3F2E5	RGB 243 242 229	#F3F2E5
83.3%	83.3% #F7F9E8	RGB 247 249 232	#F7F9E8
100.0%	100.0% #FAFFEB	RGB 250 255 235	#FAFFEB

#DDDBDA #E2DFDD #E8E5E0 #EEEBE3 #F3F2E5 #F7F9E8 #FAFFEB

#DDDBDA - #EEEBE3 - #FAFFEB

CSS codes

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

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