#D8DAD9 - #869D9C | 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 #869D9C

#D8DAD9 #869D9C

Calculate the color between two colors, #D8DAD9 and #869D9C. 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 - #869D9C | 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 #869D9C as 100%.

0.0%	0.0% #D8DAD9	RGB 216 218 217	#D8DAD9
16.7%	16.7% #CACFCE	RGB 202 207 206	#CACFCE
33.3%	33.3% #BCC5C4	RGB 188 197 196	#BCC5C4
50.0%	50.0% #AFBBBA	RGB 175 187 186	#AFBBBA
66.7%	66.7% #A1B1B0	RGB 161 177 176	#A1B1B0
83.3%	83.3% #93A7A6	RGB 147 167 166	#93A7A6
100.0%	100.0% #869D9C	RGB 134 157 156	#869D9C

#D8DAD9 #CACFCE #BCC5C4 #AFBBBA #A1B1B0 #93A7A6 #869D9C

#D8DAD9 - #869D9C

HSV Blend

#D8DAD9 - #869D9C | 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 #869D9C 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% #BAC5C1	RGB 186 197 193	#BAC5C1
50.0%	50.0% #ACBBB7	RGB 172 187 183	#ACBBB7
66.7%	66.7% #9FB1AD	RGB 159 177 173	#9FB1AD
83.3%	83.3% #92A7A4	RGB 146 167 164	#92A7A4
100.0%	100.0% #869D9C	RGB 134 157 156	#869D9C

#D8DAD9 #C9CFCD #BAC5C1 #ACBBB7 #9FB1AD #92A7A4 #869D9C

#D8DAD9 - #ACBBB7 - #869D9C

CSS codes

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

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