#D8DAD9 - #86979D | 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 #D8DAD9 to #86979D

#D8DAD9 #86979D

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

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

0.0%	0.0% #D8DAD9	RGB 216 218 217	#D8DAD9
16.7%	16.7% #CACECF	RGB 202 206 207	#CACECF
33.3%	33.3% #BCC3C5	RGB 188 195 197	#BCC3C5
50.0%	50.0% #AFB8BB	RGB 175 184 187	#AFB8BB
66.7%	66.7% #A1ADB1	RGB 161 173 177	#A1ADB1
83.3%	83.3% #93A2A7	RGB 147 162 167	#93A2A7
100.0%	100.0% #86979D	RGB 134 151 157	#86979D

#D8DAD9 #CACECF #BCC3C5 #AFB8BB #A1ADB1 #93A2A7 #86979D

#D8DAD9 - #86979D

HSV Blend

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

0.0%	0.0% #D8DAD9	RGB 216 218 217	#D8DAD9
16.7%	16.7% #C9CFCD	RGB 201 207 205	#C9CFCD
33.3%	33.3% #BAC5C2	RGB 186 197 194	#BAC5C2
50.0%	50.0% #ACBBB9	RGB 172 187 185	#ACBBB9
66.7%	66.7% #9FB1B1	RGB 159 177 177	#9FB1B1
83.3%	83.3% #92A4A7	RGB 146 164 167	#92A4A7
100.0%	100.0% #86979D	RGB 134 151 157	#86979D

#D8DAD9 #C9CFCD #BAC5C2 #ACBBB9 #9FB1B1 #92A4A7 #86979D

#D8DAD9 - #ACBBB9 - #86979D

CSS codes

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

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