#DBE5EB - #8A9EB5 | 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 #DBE5EB to #8A9EB5

#DBE5EB #8A9EB5

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

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

0.0%	0.0% #DBE5EB	RGB 219 229 235	#DBE5EB
16.7%	16.7% #CDD9E2	RGB 205 217 226	#CDD9E2
33.3%	33.3% #C0CDD9	RGB 192 205 217	#C0CDD9
50.0%	50.0% #B2C1D0	RGB 178 193 208	#B2C1D0
66.7%	66.7% #A5B5C7	RGB 165 181 199	#A5B5C7
83.3%	83.3% #97A9BE	RGB 151 169 190	#97A9BE
100.0%	100.0% #8A9EB5	RGB 138 158 181	#8A9EB5

#DBE5EB #CDD9E2 #C0CDD9 #B2C1D0 #A5B5C7 #97A9BE #8A9EB5

#DBE5EB - #8A9EB5

HSV Blend

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

0.0%	0.0% #DBE5EB	RGB 219 229 235	#DBE5EB
16.7%	16.7% #CCD9E2	RGB 204 217 226	#CCD9E2
33.3%	33.3% #BDCDD9	RGB 189 205 217	#BDCDD9
50.0%	50.0% #B0C1D0	RGB 176 193 208	#B0C1D0
66.7%	66.7% #A2B5C7	RGB 162 181 199	#A2B5C7
83.3%	83.3% #96A9BE	RGB 150 169 190	#96A9BE
100.0%	100.0% #8A9EB5	RGB 138 158 181	#8A9EB5

#DBE5EB #CCD9E2 #BDCDD9 #B0C1D0 #A2B5C7 #96A9BE #8A9EB5

#DBE5EB - #B0C1D0 - #8A9EB5

CSS codes

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

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