#DBE3ED - #8DB0C9 | 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 #DBE3ED to #8DB0C9

#DBE3ED #8DB0C9

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

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

0.0%	0.0% #DBE3ED	RGB 219 227 237	#DBE3ED
16.7%	16.7% #CEDAE7	RGB 206 218 231	#CEDAE7
33.3%	33.3% #C1D2E1	RGB 193 210 225	#C1D2E1
50.0%	50.0% #B4C9DB	RGB 180 201 219	#B4C9DB
66.7%	66.7% #A7C1D5	RGB 167 193 213	#A7C1D5
83.3%	83.3% #9AB8CF	RGB 154 184 207	#9AB8CF
100.0%	100.0% #8DB0C9	RGB 141 176 201	#8DB0C9

#DBE3ED #CEDAE7 #C1D2E1 #B4C9DB #A7C1D5 #9AB8CF #8DB0C9

#DBE3ED - #8DB0C9

HSV Blend

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

0.0%	0.0% #DBE3ED	RGB 219 227 237	#DBE3ED
16.7%	16.7% #CCD9E7	RGB 204 217 231	#CCD9E7
33.3%	33.3% #BFCFE1	RGB 191 207 225	#BFCFE1
50.0%	50.0% #B1C7DB	RGB 177 199 219	#B1C7DB
66.7%	66.7% #A5BED5	RGB 165 190 213	#A5BED5
83.3%	83.3% #98B7CF	RGB 152 183 207	#98B7CF
100.0%	100.0% #8DB0C9	RGB 141 176 201	#8DB0C9

#DBE3ED #CCD9E7 #BFCFE1 #B1C7DB #A5BED5 #98B7CF #8DB0C9

#DBE3ED - #B1C7DB - #8DB0C9

CSS codes

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

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