#DEE2E5 - #8984B2 | 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 #DEE2E5 to #8984B2

#DEE2E5 #8984B2

Calculate the color between two colors, #DEE2E5 and #8984B2. 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)

#DEE2E5 - #8984B2 | 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 #DEE2E5 as 0% and #8984B2 as 100%.

0.0%	0.0% #DEE2E5	RGB 222 226 229	#DEE2E5
16.7%	16.7% #CFD2DC	RGB 207 210 220	#CFD2DC
33.3%	33.3% #C1C2D4	RGB 193 194 212	#C1C2D4
50.0%	50.0% #B3B3CB	RGB 179 179 203	#B3B3CB
66.7%	66.7% #A5A3C3	RGB 165 163 195	#A5A3C3
83.3%	83.3% #9793BA	RGB 151 147 186	#9793BA
100.0%	100.0% #8984B2	RGB 137 132 178	#8984B2

#DEE2E5 #CFD2DC #C1C2D4 #B3B3CB #A5A3C3 #9793BA #8984B2

#DEE2E5 - #8984B2

HSV Blend

#DEE2E5 - #8984B2 | 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 #DEE2E5 as 0% and #8984B2 as 100%.

0.0%	0.0% #DEE2E5	RGB 222 226 229	#DEE2E5
16.7%	16.7% #CDD4DC	RGB 205 212 220	#CDD4DC
33.3%	33.3% #BDC5D4	RGB 189 197 212	#BDC5D4
50.0%	50.0% #AEB4CB	RGB 174 180 203	#AEB4CB
66.7%	66.7% #9FA3C3	RGB 159 163 195	#9FA3C3
83.3%	83.3% #9191BA	RGB 145 145 186	#9191BA
100.0%	100.0% #8984B2	RGB 137 132 178	#8984B2

#DEE2E5 #CDD4DC #BDC5D4 #AEB4CB #9FA3C3 #9191BA #8984B2

#DEE2E5 - #AEB4CB - #8984B2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DEE2E5 0%, #AEB4CB 50%, #8984B2 100%);
    background: -webkit-linear-gradient(top, #DEE2E5 0%, #AEB4CB 50%, #8984B2 100%);
    background: linear-gradient(to bottom, #DEE2E5 0%, #AEB4CB 50%, #8984B2 100%);
}
</style>