#DBEDEF - #8FA8BC | 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 #DBEDEF to #8FA8BC

#DBEDEF #8FA8BC

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

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

0.0%	0.0% #DBEDEF	RGB 219 237 239	#DBEDEF
16.7%	16.7% #CEE1E6	RGB 206 225 230	#CEE1E6
33.3%	33.3% #C1D6DE	RGB 193 214 222	#C1D6DE
50.0%	50.0% #B5CAD5	RGB 181 202 213	#B5CAD5
66.7%	66.7% #A8BFCD	RGB 168 191 205	#A8BFCD
83.3%	83.3% #9BB3C4	RGB 155 179 196	#9BB3C4
100.0%	100.0% #8FA8BC	RGB 143 168 188	#8FA8BC

#DBEDEF #CEE1E6 #C1D6DE #B5CAD5 #A8BFCD #9BB3C4 #8FA8BC

#DBEDEF - #8FA8BC

HSV Blend

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

0.0%	0.0% #DBEDEF	RGB 219 237 239	#DBEDEF
16.7%	16.7% #CDE2E6	RGB 205 226 230	#CDE2E6
33.3%	33.3% #BFD7DE	RGB 191 215 222	#BFD7DE
50.0%	50.0% #B3CCD5	RGB 179 204 213	#B3CCD5
66.7%	66.7% #A6C0CD	RGB 166 192 205	#A6C0CD
83.3%	83.3% #9AB4C4	RGB 154 180 196	#9AB4C4
100.0%	100.0% #8FA8BC	RGB 143 168 188	#8FA8BC

#DBEDEF #CDE2E6 #BFD7DE #B3CCD5 #A6C0CD #9AB4C4 #8FA8BC

#DBEDEF - #B3CCD5 - #8FA8BC

CSS codes

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

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