#DADAC2 - #DEDADF | 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 #DADAC2 to #DEDADF

#DADAC2 #DEDADF

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

#DADAC2 - #DEDADF | 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 #DADAC2 as 0% and #DEDADF as 100%.

0.0%	0.0% #DADAC2	RGB 218 218 194	#DADAC2
16.7%	16.7% #DADAC6	RGB 218 218 198	#DADAC6
33.3%	33.3% #DBDACB	RGB 219 218 203	#DBDACB
50.0%	50.0% #DCDAD0	RGB 220 218 208	#DCDAD0
66.7%	66.7% #DCDAD5	RGB 220 218 213	#DCDAD5
83.3%	83.3% #DDDADA	RGB 221 218 218	#DDDADA
100.0%	100.0% #DEDADF	RGB 222 218 223	#DEDADF

#DADAC2 #DADAC6 #DBDACB #DCDAD0 #DCDAD5 #DDDADA #DEDADF

#DADAC2 - #DEDADF

HSV Blend

#DADAC2 - #DEDADF | 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 #DADAC2 as 0% and #DEDADF as 100%.

0.0%	0.0% #DADAC2	RGB 218 218 194	#DADAC2
16.7%	16.7% #DAD3C5	RGB 218 211 197	#DAD3C5
33.3%	33.3% #DBCEC9	RGB 219 206 201	#DBCEC9
50.0%	50.0% #DCCDCF	RGB 220 205 207	#DCCDCF
66.7%	66.7% #DDD1D7	RGB 221 209 215	#DDD1D7
83.3%	83.3% #DED5DC	RGB 222 213 220	#DED5DC
100.0%	100.0% #DEDADF	RGB 222 218 223	#DEDADF

#DADAC2 #DAD3C5 #DBCEC9 #DCCDCF #DDD1D7 #DED5DC #DEDADF

#DADAC2 - #DCCDCF - #DEDADF

CSS codes

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

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