#DAD2B8 - #DDDBDF | 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 #DAD2B8 to #DDDBDF

#DAD2B8 #DDDBDF

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

#DAD2B8 - #DDDBDF | 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 #DAD2B8 as 0% and #DDDBDF as 100%.

0.0%	0.0% #DAD2B8	RGB 218 210 184	#DAD2B8
16.7%	16.7% #DAD3BE	RGB 218 211 190	#DAD3BE
33.3%	33.3% #DBD5C5	RGB 219 213 197	#DBD5C5
50.0%	50.0% #DBD6CB	RGB 219 214 203	#DBD6CB
66.7%	66.7% #DCD8D2	RGB 220 216 210	#DCD8D2
83.3%	83.3% #DCD9D8	RGB 220 217 216	#DCD9D8
100.0%	100.0% #DDDBDF	RGB 221 219 223	#DDDBDF

#DAD2B8 #DAD3BE #DBD5C5 #DBD6CB #DCD8D2 #DCD9D8 #DDDBDF

#DAD2B8 - #DDDBDF

HSV Blend

#DAD2B8 - #DDDBDF | 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 #DAD2B8 as 0% and #DDDBDF as 100%.

0.0%	0.0% #DAD2B8	RGB 218 210 184	#DAD2B8
16.7%	16.7% #DAC9BD	RGB 218 201 189	#DAC9BD
33.3%	33.3% #DBC3C3	RGB 219 195 195	#DBC3C3
50.0%	50.0% #DCC9D0	RGB 220 201 208	#DCC9D0
66.7%	66.7% #DDCFD9	RGB 221 207 217	#DDCFD9
83.3%	83.3% #DDD5DE	RGB 221 213 222	#DDD5DE
100.0%	100.0% #DDDBDF	RGB 221 219 223	#DDDBDF

#DAD2B8 #DAC9BD #DBC3C3 #DCC9D0 #DDCFD9 #DDD5DE #DDDBDF

#DAD2B8 - #DCC9D0 - #DDDBDF

CSS codes

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

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