#DFE5ED - #8BA0B8 | 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 #8BA0B8

#DFE5ED #8BA0B8

Calculate the color between two colors, #DFE5ED and #8BA0B8. 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 - #8BA0B8 | 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 #8BA0B8 as 100%.

0.0%	0.0% #DFE5ED	RGB 223 229 237	#DFE5ED
16.7%	16.7% #D1D9E4	RGB 209 217 228	#D1D9E4
33.3%	33.3% #C3CEDB	RGB 195 206 219	#C3CEDB
50.0%	50.0% #B5C2D2	RGB 181 194 210	#B5C2D2
66.7%	66.7% #A7B7C9	RGB 167 183 201	#A7B7C9
83.3%	83.3% #99ABC0	RGB 153 171 192	#99ABC0
100.0%	100.0% #8BA0B8	RGB 139 160 184	#8BA0B8

#DFE5ED #D1D9E4 #C3CEDB #B5C2D2 #A7B7C9 #99ABC0 #8BA0B8

#DFE5ED - #8BA0B8

HSV Blend

#DFE5ED - #8BA0B8 | 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 #8BA0B8 as 100%.

0.0%	0.0% #DFE5ED	RGB 223 229 237	#DFE5ED
16.7%	16.7% #CFD8E4	RGB 207 216 228	#CFD8E4
33.3%	33.3% #C0CCDB	RGB 192 204 219	#C0CCDB
50.0%	50.0% #B2C0D2	RGB 178 192 210	#B2C0D2
66.7%	66.7% #A4B5C9	RGB 164 181 201	#A4B5C9
83.3%	83.3% #97AAC0	RGB 151 170 192	#97AAC0
100.0%	100.0% #8BA0B8	RGB 139 160 184	#8BA0B8

#DFE5ED #CFD8E4 #C0CCDB #B2C0D2 #A4B5C9 #97AAC0 #8BA0B8

#DFE5ED - #B2C0D2 - #8BA0B8

CSS codes

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

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