#DAD4D7 - #97769D | 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 #DAD4D7 to #97769D

#DAD4D7 #97769D

Calculate the color between two colors, #DAD4D7 and #97769D. 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)

#DAD4D7 - #97769D | 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 #DAD4D7 as 0% and #97769D as 100%.

0.0%	0.0% #DAD4D7	RGB 218 212 215	#DAD4D7
16.7%	16.7% #CEC4CD	RGB 206 196 205	#CEC4CD
33.3%	33.3% #C3B4C3	RGB 195 180 195	#C3B4C3
50.0%	50.0% #B8A5BA	RGB 184 165 186	#B8A5BA
66.7%	66.7% #AD95B0	RGB 173 149 176	#AD95B0
83.3%	83.3% #A285A6	RGB 162 133 166	#A285A6
100.0%	100.0% #97769D	RGB 151 118 157	#97769D

#DAD4D7 #CEC4CD #C3B4C3 #B8A5BA #AD95B0 #A285A6 #97769D

#DAD4D7 - #97769D

HSV Blend

#DAD4D7 - #97769D | 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 #DAD4D7 as 0% and #97769D as 100%.

0.0%	0.0% #DAD4D7	RGB 218 212 215	#DAD4D7
16.7%	16.7% #CFC2CA	RGB 207 194 202	#CFC2CA
33.3%	33.3% #C5B1C0	RGB 197 177 192	#C5B1C0
50.0%	50.0% #BBA1B7	RGB 187 161 183	#BBA1B7
66.7%	66.7% #B192AF	RGB 177 146 175	#B192AF
83.3%	83.3% #A583A7	RGB 165 131 167	#A583A7
100.0%	100.0% #97769D	RGB 151 118 157	#97769D

#DAD4D7 #CFC2CA #C5B1C0 #BBA1B7 #B192AF #A583A7 #97769D

#DAD4D7 - #BBA1B7 - #97769D

CSS codes

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

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