#DFE6EB - #8EA0B5 | 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 #DFE6EB to #8EA0B5

#DFE6EB #8EA0B5

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

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

0.0%	0.0% #DFE6EB	RGB 223 230 235	#DFE6EB
16.7%	16.7% #D1DAE2	RGB 209 218 226	#D1DAE2
33.3%	33.3% #C4CED9	RGB 196 206 217	#C4CED9
50.0%	50.0% #B6C3D0	RGB 182 195 208	#B6C3D0
66.7%	66.7% #A9B7C7	RGB 169 183 199	#A9B7C7
83.3%	83.3% #9BABBE	RGB 155 171 190	#9BABBE
100.0%	100.0% #8EA0B5	RGB 142 160 181	#8EA0B5

#DFE6EB #D1DAE2 #C4CED9 #B6C3D0 #A9B7C7 #9BABBE #8EA0B5

#DFE6EB - #8EA0B5

HSV Blend

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

0.0%	0.0% #DFE6EB	RGB 223 230 235	#DFE6EB
16.7%	16.7% #D0DAE2	RGB 208 218 226	#D0DAE2
33.3%	33.3% #C2CED9	RGB 194 206 217	#C2CED9
50.0%	50.0% #B4C2D0	RGB 180 194 208	#B4C2D0
66.7%	66.7% #A7B7C7	RGB 167 183 199	#A7B7C7
83.3%	83.3% #9AABBE	RGB 154 171 190	#9AABBE
100.0%	100.0% #8EA0B5	RGB 142 160 181	#8EA0B5

#DFE6EB #D0DAE2 #C2CED9 #B4C2D0 #A7B7C7 #9AABBE #8EA0B5

#DFE6EB - #B4C2D0 - #8EA0B5

CSS codes

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

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