#DCE3E9 - #8A9CB2 | 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 #DCE3E9 to #8A9CB2

#DCE3E9 #8A9CB2

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

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

0.0%	0.0% #DCE3E9	RGB 220 227 233	#DCE3E9
16.7%	16.7% #CED7DF	RGB 206 215 223	#CED7DF
33.3%	33.3% #C0CBD6	RGB 192 203 214	#C0CBD6
50.0%	50.0% #B3BFCD	RGB 179 191 205	#B3BFCD
66.7%	66.7% #A5B3C4	RGB 165 179 196	#A5B3C4
83.3%	83.3% #97A7BB	RGB 151 167 187	#97A7BB
100.0%	100.0% #8A9CB2	RGB 138 156 178	#8A9CB2

#DCE3E9 #CED7DF #C0CBD6 #B3BFCD #A5B3C4 #97A7BB #8A9CB2

#DCE3E9 - #8A9CB2

HSV Blend

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

0.0%	0.0% #DCE3E9	RGB 220 227 233	#DCE3E9
16.7%	16.7% #CDD6DF	RGB 205 214 223	#CDD6DF
33.3%	33.3% #BECAD6	RGB 190 202 214	#BECAD6
50.0%	50.0% #B0BECD	RGB 176 190 205	#B0BECD
66.7%	66.7% #A3B3C4	RGB 163 179 196	#A3B3C4
83.3%	83.3% #96A7BB	RGB 150 167 187	#96A7BB
100.0%	100.0% #8A9CB2	RGB 138 156 178	#8A9CB2

#DCE3E9 #CDD6DF #BECAD6 #B0BECD #A3B3C4 #96A7BB #8A9CB2

#DCE3E9 - #B0BECD - #8A9CB2

CSS codes

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

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