#DBDCE9 - #7E98B2 | 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 #DBDCE9 to #7E98B2

#DBDCE9 #7E98B2

Calculate the color between two colors, #DBDCE9 and #7E98B2. 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)

#DBDCE9 - #7E98B2 | 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 #DBDCE9 as 0% and #7E98B2 as 100%.

0.0%	0.0% #DBDCE9	RGB 219 220 233	#DBDCE9
16.7%	16.7% #CBD0DF	RGB 203 208 223	#CBD0DF
33.3%	33.3% #BCC5D6	RGB 188 197 214	#BCC5D6
50.0%	50.0% #ACBACD	RGB 172 186 205	#ACBACD
66.7%	66.7% #9DAEC4	RGB 157 174 196	#9DAEC4
83.3%	83.3% #8DA3BB	RGB 141 163 187	#8DA3BB
100.0%	100.0% #7E98B2	RGB 126 152 178	#7E98B2

#DBDCE9 #CBD0DF #BCC5D6 #ACBACD #9DAEC4 #8DA3BB #7E98B2

#DBDCE9 - #7E98B2

HSV Blend

#DBDCE9 - #7E98B2 | 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 #DBDCE9 as 0% and #7E98B2 as 100%.

0.0%	0.0% #DBDCE9	RGB 219 220 233	#DBDCE9
16.7%	16.7% #C9CCDF	RGB 201 204 223	#C9CCDF
33.3%	33.3% #B9BFD6	RGB 185 191 214	#B9BFD6
50.0%	50.0% #A9B3CD	RGB 169 179 205	#A9B3CD
66.7%	66.7% #9AA9C4	RGB 154 169 196	#9AA9C4
83.3%	83.3% #8BA0BB	RGB 139 160 187	#8BA0BB
100.0%	100.0% #7E98B2	RGB 126 152 178	#7E98B2

#DBDCE9 #C9CCDF #B9BFD6 #A9B3CD #9AA9C4 #8BA0BB #7E98B2

#DBDCE9 - #A9B3CD - #7E98B2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBDCE9 0%, #A9B3CD 50%, #7E98B2 100%);
    background: -webkit-linear-gradient(top, #DBDCE9 0%, #A9B3CD 50%, #7E98B2 100%);
    background: linear-gradient(to bottom, #DBDCE9 0%, #A9B3CD 50%, #7E98B2 100%);
}
</style>