#DBDFE4 - #8798AB | 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 #DBDFE4 to #8798AB

#DBDFE4 #8798AB

Calculate the color between two colors, #DBDFE4 and #8798AB. 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)

#DBDFE4 - #8798AB | 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 #DBDFE4 as 0% and #8798AB as 100%.

0.0%	0.0% #DBDFE4	RGB 219 223 228	#DBDFE4
16.7%	16.7% #CDD3DA	RGB 205 211 218	#CDD3DA
33.3%	33.3% #BFC7D1	RGB 191 199 209	#BFC7D1
50.0%	50.0% #B1BBC7	RGB 177 187 199	#B1BBC7
66.7%	66.7% #A3AFBE	RGB 163 175 190	#A3AFBE
83.3%	83.3% #95A3B4	RGB 149 163 180	#95A3B4
100.0%	100.0% #8798AB	RGB 135 152 171	#8798AB

#DBDFE4 #CDD3DA #BFC7D1 #B1BBC7 #A3AFBE #95A3B4 #8798AB

#DBDFE4 - #8798AB

HSV Blend

#DBDFE4 - #8798AB | 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 #DBDFE4 as 0% and #8798AB as 100%.

0.0%	0.0% #DBDFE4	RGB 219 223 228	#DBDFE4
16.7%	16.7% #CBD2DA	RGB 203 210 218	#CBD2DA
33.3%	33.3% #BCC5D1	RGB 188 197 209	#BCC5D1
50.0%	50.0% #AEB9C7	RGB 174 185 199	#AEB9C7
66.7%	66.7% #A0AEBE	RGB 160 174 190	#A0AEBE
83.3%	83.3% #93A3B4	RGB 147 163 180	#93A3B4
100.0%	100.0% #8798AB	RGB 135 152 171	#8798AB

#DBDFE4 #CBD2DA #BCC5D1 #AEB9C7 #A0AEBE #93A3B4 #8798AB

#DBDFE4 - #AEB9C7 - #8798AB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBDFE4 0%, #AEB9C7 50%, #8798AB 100%);
    background: -webkit-linear-gradient(top, #DBDFE4 0%, #AEB9C7 50%, #8798AB 100%);
    background: linear-gradient(to bottom, #DBDFE4 0%, #AEB9C7 50%, #8798AB 100%);
}
</style>