#DBE7EC - #8BA0B7 | 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 #DBE7EC to #8BA0B7

#DBE7EC #8BA0B7

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

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

0.0%	0.0% #DBE7EC	RGB 219 231 236	#DBE7EC
16.7%	16.7% #CDDBE3	RGB 205 219 227	#CDDBE3
33.3%	33.3% #C0CFDA	RGB 192 207 218	#C0CFDA
50.0%	50.0% #B3C3D1	RGB 179 195 209	#B3C3D1
66.7%	66.7% #A5B7C8	RGB 165 183 200	#A5B7C8
83.3%	83.3% #98ABBF	RGB 152 171 191	#98ABBF
100.0%	100.0% #8BA0B7	RGB 139 160 183	#8BA0B7

#DBE7EC #CDDBE3 #C0CFDA #B3C3D1 #A5B7C8 #98ABBF #8BA0B7

#DBE7EC - #8BA0B7

HSV Blend

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

0.0%	0.0% #DBE7EC	RGB 219 231 236	#DBE7EC
16.7%	16.7% #CCDBE3	RGB 204 219 227	#CCDBE3
33.3%	33.3% #BECFDA	RGB 190 207 218	#BECFDA
50.0%	50.0% #B0C4D1	RGB 176 196 209	#B0C4D1
66.7%	66.7% #A3B8C8	RGB 163 184 200	#A3B8C8
83.3%	83.3% #97ACBF	RGB 151 172 191	#97ACBF
100.0%	100.0% #8BA0B7	RGB 139 160 183	#8BA0B7

#DBE7EC #CCDBE3 #BECFDA #B0C4D1 #A3B8C8 #97ACBF #8BA0B7

#DBE7EC - #B0C4D1 - #8BA0B7

CSS codes

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

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