#DEE6FE - #8999D2 | 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 #DEE6FE to #8999D2

#DEE6FE #8999D2

Calculate the color between two colors, #DEE6FE and #8999D2. 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)

#DEE6FE - #8999D2 | 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 #DEE6FE as 0% and #8999D2 as 100%.

0.0%	0.0% #DEE6FE	RGB 222 230 254	#DEE6FE
16.7%	16.7% #CFD9F6	RGB 207 217 246	#CFD9F6
33.3%	33.3% #C1CCEF	RGB 193 204 239	#C1CCEF
50.0%	50.0% #B3BFE8	RGB 179 191 232	#B3BFE8
66.7%	66.7% #A5B2E0	RGB 165 178 224	#A5B2E0
83.3%	83.3% #97A5D9	RGB 151 165 217	#97A5D9
100.0%	100.0% #8999D2	RGB 137 153 210	#8999D2

#DEE6FE #CFD9F6 #C1CCEF #B3BFE8 #A5B2E0 #97A5D9 #8999D2

#DEE6FE - #8999D2

HSV Blend

#DEE6FE - #8999D2 | 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 #DEE6FE as 0% and #8999D2 as 100%.

0.0%	0.0% #DEE6FE	RGB 222 230 254	#DEE6FE
16.7%	16.7% #CED8F6	RGB 206 216 246	#CED8F6
33.3%	33.3% #BFCAEF	RGB 191 202 239	#BFCAEF
50.0%	50.0% #B1BDE8	RGB 177 189 232	#B1BDE8
66.7%	66.7% #A3B1E0	RGB 163 177 224	#A3B1E0
83.3%	83.3% #95A4D9	RGB 149 164 217	#95A4D9
100.0%	100.0% #8999D2	RGB 137 153 210	#8999D2

#DEE6FE #CED8F6 #BFCAEF #B1BDE8 #A3B1E0 #95A4D9 #8999D2

#DEE6FE - #B1BDE8 - #8999D2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DEE6FE 0%, #B1BDE8 50%, #8999D2 100%);
    background: -webkit-linear-gradient(top, #DEE6FE 0%, #B1BDE8 50%, #8999D2 100%);
    background: linear-gradient(to bottom, #DEE6FE 0%, #B1BDE8 50%, #8999D2 100%);
}
</style>