#DBDEE2 - #8EA4CF | 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 #DBDEE2 to #8EA4CF

#DBDEE2 #8EA4CF

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

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

0.0%	0.0% #DBDEE2	RGB 219 222 226	#DBDEE2
16.7%	16.7% #CED4DE	RGB 206 212 222	#CED4DE
33.3%	33.3% #C1CADB	RGB 193 202 219	#C1CADB
50.0%	50.0% #B4C1D8	RGB 180 193 216	#B4C1D8
66.7%	66.7% #A7B7D5	RGB 167 183 213	#A7B7D5
83.3%	83.3% #9AADD2	RGB 154 173 210	#9AADD2
100.0%	100.0% #8EA4CF	RGB 142 164 207	#8EA4CF

#DBDEE2 #CED4DE #C1CADB #B4C1D8 #A7B7D5 #9AADD2 #8EA4CF

#DBDEE2 - #8EA4CF

HSV Blend

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

0.0%	0.0% #DBDEE2	RGB 219 222 226	#DBDEE2
16.7%	16.7% #CDD4DE	RGB 205 212 222	#CDD4DE
33.3%	33.3% #C0CBDB	RGB 192 203 219	#C0CBDB
50.0%	50.0% #B3C1D8	RGB 179 193 216	#B3C1D8
66.7%	66.7% #A6B7D5	RGB 166 183 213	#A6B7D5
83.3%	83.3% #9AADD2	RGB 154 173 210	#9AADD2
100.0%	100.0% #8EA4CF	RGB 142 164 207	#8EA4CF

#DBDEE2 #CDD4DE #C0CBDB #B3C1D8 #A6B7D5 #9AADD2 #8EA4CF

#DBDEE2 - #B3C1D8 - #8EA4CF

CSS codes

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

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