#DAD4D5 - #DCE1E5 | 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 #DAD4D5 to #DCE1E5

#DAD4D5 #DCE1E5

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

#DAD4D5 - #DCE1E5 | 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 #DAD4D5 as 0% and #DCE1E5 as 100%.

0.0%	0.0% #DAD4D5	RGB 218 212 213	#DAD4D5
16.7%	16.7% #DAD6D7	RGB 218 214 215	#DAD6D7
33.3%	33.3% #DAD8DA	RGB 218 216 218	#DAD8DA
50.0%	50.0% #DBDADD	RGB 219 218 221	#DBDADD
66.7%	66.7% #DBDCDF	RGB 219 220 223	#DBDCDF
83.3%	83.3% #DBDEE2	RGB 219 222 226	#DBDEE2
100.0%	100.0% #DCE1E5	RGB 220 225 229	#DCE1E5

#DAD4D5 #DAD6D7 #DAD8DA #DBDADD #DBDCDF #DBDEE2 #DCE1E5

#DAD4D5 - #DCE1E5

HSV Blend

#DAD4D5 - #DCE1E5 | 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 #DAD4D5 as 0% and #DCE1E5 as 100%.

0.0%	0.0% #DAD4D5	RGB 218 212 213	#DAD4D5
16.7%	16.7% #DBD5D9	RGB 219 213 217	#DBD5D9
33.3%	33.3% #DDD6DD	RGB 221 214 221	#DDD6DD
50.0%	50.0% #DCD8DF	RGB 220 216 223	#DCD8DF
66.7%	66.7% #DBD9E1	RGB 219 217 225	#DBD9E1
83.3%	83.3% #DADCE3	RGB 218 220 227	#DADCE3
100.0%	100.0% #DCE1E5	RGB 220 225 229	#DCE1E5

#DAD4D5 #DBD5D9 #DDD6DD #DCD8DF #DBD9E1 #DADCE3 #DCE1E5

#DAD4D5 - #DCD8DF - #DCE1E5

CSS codes

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

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