#D6DFE7 - #8990B0 | 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 #D6DFE7 to #8990B0

#D6DFE7 #8990B0

Calculate the color between two colors, #D6DFE7 and #8990B0. 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)

#D6DFE7 - #8990B0 | 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 #D6DFE7 as 0% and #8990B0 as 100%.

0.0%	0.0% #D6DFE7	RGB 214 223 231	#D6DFE7
16.7%	16.7% #C9D1DD	RGB 201 209 221	#C9D1DD
33.3%	33.3% #BCC4D4	RGB 188 196 212	#BCC4D4
50.0%	50.0% #AFB7CB	RGB 175 183 203	#AFB7CB
66.7%	66.7% #A2AAC2	RGB 162 170 194	#A2AAC2
83.3%	83.3% #959DB9	RGB 149 157 185	#959DB9
100.0%	100.0% #8990B0	RGB 137 144 176	#8990B0

#D6DFE7 #C9D1DD #BCC4D4 #AFB7CB #A2AAC2 #959DB9 #8990B0

#D6DFE7 - #8990B0

HSV Blend

#D6DFE7 - #8990B0 | 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 #D6DFE7 as 0% and #8990B0 as 100%.

0.0%	0.0% #D6DFE7	RGB 214 223 231	#D6DFE7
16.7%	16.7% #C8D2DD	RGB 200 210 221	#C8D2DD
33.3%	33.3% #BAC5D4	RGB 186 197 212	#BAC5D4
50.0%	50.0% #ADB8CB	RGB 173 184 203	#ADB8CB
66.7%	66.7% #A0AAC2	RGB 160 170 194	#A0AAC2
83.3%	83.3% #949DB9	RGB 148 157 185	#949DB9
100.0%	100.0% #8990B0	RGB 137 144 176	#8990B0

#D6DFE7 #C8D2DD #BAC5D4 #ADB8CB #A0AAC2 #949DB9 #8990B0

#D6DFE7 - #ADB8CB - #8990B0

CSS codes

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

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