#D9DCDF - #8CACC0 | 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 #D9DCDF to #8CACC0

#D9DCDF #8CACC0

Calculate the color between two colors, #D9DCDF and #8CACC0. 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)

#D9DCDF - #8CACC0 | 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 #D9DCDF as 0% and #8CACC0 as 100%.

0.0%	0.0% #D9DCDF	RGB 217 220 223	#D9DCDF
16.7%	16.7% #CCD4D9	RGB 204 212 217	#CCD4D9
33.3%	33.3% #BFCCD4	RGB 191 204 212	#BFCCD4
50.0%	50.0% #B2C4CF	RGB 178 196 207	#B2C4CF
66.7%	66.7% #A5BCCA	RGB 165 188 202	#A5BCCA
83.3%	83.3% #98B4C5	RGB 152 180 197	#98B4C5
100.0%	100.0% #8CACC0	RGB 140 172 192	#8CACC0

#D9DCDF #CCD4D9 #BFCCD4 #B2C4CF #A5BCCA #98B4C5 #8CACC0

#D9DCDF - #8CACC0

HSV Blend

#D9DCDF - #8CACC0 | 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 #D9DCDF as 0% and #8CACC0 as 100%.

0.0%	0.0% #D9DCDF	RGB 217 220 223	#D9DCDF
16.7%	16.7% #CBD2D9	RGB 203 210 217	#CBD2D9
33.3%	33.3% #BDCAD4	RGB 189 202 212	#BDCAD4
50.0%	50.0% #B0C1CF	RGB 176 193 207	#B0C1CF
66.7%	66.7% #A3BACA	RGB 163 186 202	#A3BACA
83.3%	83.3% #97B2C5	RGB 151 178 197	#97B2C5
100.0%	100.0% #8CACC0	RGB 140 172 192	#8CACC0

#D9DCDF #CBD2D9 #BDCAD4 #B0C1CF #A3BACA #97B2C5 #8CACC0

#D9DCDF - #B0C1CF - #8CACC0

CSS codes

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

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