#D9DEE6 - #8397AE | 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 #D9DEE6 to #8397AE

#D9DEE6 #8397AE

Calculate the color between two colors, #D9DEE6 and #8397AE. 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)

#D9DEE6 - #8397AE | 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 #D9DEE6 as 0% and #8397AE as 100%.

0.0%	0.0% #D9DEE6	RGB 217 222 230	#D9DEE6
16.7%	16.7% #CAD2DC	RGB 202 210 220	#CAD2DC
33.3%	33.3% #BCC6D3	RGB 188 198 211	#BCC6D3
50.0%	50.0% #AEBACA	RGB 174 186 202	#AEBACA
66.7%	66.7% #9FAEC0	RGB 159 174 192	#9FAEC0
83.3%	83.3% #91A2B7	RGB 145 162 183	#91A2B7
100.0%	100.0% #8397AE	RGB 131 151 174	#8397AE

#D9DEE6 #CAD2DC #BCC6D3 #AEBACA #9FAEC0 #91A2B7 #8397AE

#D9DEE6 - #8397AE

HSV Blend

#D9DEE6 - #8397AE | 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 #D9DEE6 as 0% and #8397AE as 100%.

0.0%	0.0% #D9DEE6	RGB 217 222 230	#D9DEE6
16.7%	16.7% #C9D0DC	RGB 201 208 220	#C9D0DC
33.3%	33.3% #B9C4D3	RGB 185 196 211	#B9C4D3
50.0%	50.0% #ABB8CA	RGB 171 184 202	#ABB8CA
66.7%	66.7% #9DACC0	RGB 157 172 192	#9DACC0
83.3%	83.3% #8FA1B7	RGB 143 161 183	#8FA1B7
100.0%	100.0% #8397AE	RGB 131 151 174	#8397AE

#D9DEE6 #C9D0DC #B9C4D3 #ABB8CA #9DACC0 #8FA1B7 #8397AE

#D9DEE6 - #ABB8CA - #8397AE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D9DEE6 0%, #ABB8CA 50%, #8397AE 100%);
    background: -webkit-linear-gradient(top, #D9DEE6 0%, #ABB8CA 50%, #8397AE 100%);
    background: linear-gradient(to bottom, #D9DEE6 0%, #ABB8CA 50%, #8397AE 100%);
}
</style>