#DFE5ED - #8C9AB2 | 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 #DFE5ED to #8C9AB2

#DFE5ED #8C9AB2

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

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

0.0%	0.0% #DFE5ED	RGB 223 229 237	#DFE5ED
16.7%	16.7% #D1D8E3	RGB 209 216 227	#D1D8E3
33.3%	33.3% #C3CCD9	RGB 195 204 217	#C3CCD9
50.0%	50.0% #B5BFCF	RGB 181 191 207	#B5BFCF
66.7%	66.7% #A7B3C5	RGB 167 179 197	#A7B3C5
83.3%	83.3% #99A6BB	RGB 153 166 187	#99A6BB
100.0%	100.0% #8C9AB2	RGB 140 154 178	#8C9AB2

#DFE5ED #D1D8E3 #C3CCD9 #B5BFCF #A7B3C5 #99A6BB #8C9AB2

#DFE5ED - #8C9AB2

HSV Blend

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

0.0%	0.0% #DFE5ED	RGB 223 229 237	#DFE5ED
16.7%	16.7% #CFD7E3	RGB 207 215 227	#CFD7E3
33.3%	33.3% #C1CBD9	RGB 193 203 217	#C1CBD9
50.0%	50.0% #B3BECF	RGB 179 190 207	#B3BECF
66.7%	66.7% #A5B2C5	RGB 165 178 197	#A5B2C5
83.3%	83.3% #98A5BB	RGB 152 165 187	#98A5BB
100.0%	100.0% #8C9AB2	RGB 140 154 178	#8C9AB2

#DFE5ED #CFD7E3 #C1CBD9 #B3BECF #A5B2C5 #98A5BB #8C9AB2

#DFE5ED - #B3BECF - #8C9AB2

CSS codes

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

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