#DFEDF9 - #8BABCA | 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 #DFEDF9 to #8BABCA

#DFEDF9 #8BABCA

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

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

0.0%	0.0% #DFEDF9	RGB 223 237 249	#DFEDF9
16.7%	16.7% #D1E2F1	RGB 209 226 241	#D1E2F1
33.3%	33.3% #C3D7E9	RGB 195 215 233	#C3D7E9
50.0%	50.0% #B5CCE1	RGB 181 204 225	#B5CCE1
66.7%	66.7% #A7C1D9	RGB 167 193 217	#A7C1D9
83.3%	83.3% #99B6D1	RGB 153 182 209	#99B6D1
100.0%	100.0% #8BABCA	RGB 139 171 202	#8BABCA

#DFEDF9 #D1E2F1 #C3D7E9 #B5CCE1 #A7C1D9 #99B6D1 #8BABCA

#DFEDF9 - #8BABCA

HSV Blend

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

0.0%	0.0% #DFEDF9	RGB 223 237 249	#DFEDF9
16.7%	16.7% #CFE1F1	RGB 207 225 241	#CFE1F1
33.3%	33.3% #C0D6E9	RGB 192 214 233	#C0D6E9
50.0%	50.0% #B2CBE1	RGB 178 203 225	#B2CBE1
66.7%	66.7% #A4C0D9	RGB 164 192 217	#A4C0D9
83.3%	83.3% #97B5D1	RGB 151 181 209	#97B5D1
100.0%	100.0% #8BABCA	RGB 139 171 202	#8BABCA

#DFEDF9 #CFE1F1 #C0D6E9 #B2CBE1 #A4C0D9 #97B5D1 #8BABCA

#DFEDF9 - #B2CBE1 - #8BABCA

CSS codes

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

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