#DCE8F0 - #8AA3BD | 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 #DCE8F0 to #8AA3BD

#DCE8F0 #8AA3BD

Calculate the color between two colors, #DCE8F0 and #8AA3BD. 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)

#DCE8F0 - #8AA3BD | 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 #DCE8F0 as 0% and #8AA3BD as 100%.

0.0%	0.0% #DCE8F0	RGB 220 232 240	#DCE8F0
16.7%	16.7% #CEDCE7	RGB 206 220 231	#CEDCE7
33.3%	33.3% #C0D1DF	RGB 192 209 223	#C0D1DF
50.0%	50.0% #B3C5D6	RGB 179 197 214	#B3C5D6
66.7%	66.7% #A5BACE	RGB 165 186 206	#A5BACE
83.3%	83.3% #97AEC5	RGB 151 174 197	#97AEC5
100.0%	100.0% #8AA3BD	RGB 138 163 189	#8AA3BD

#DCE8F0 #CEDCE7 #C0D1DF #B3C5D6 #A5BACE #97AEC5 #8AA3BD

#DCE8F0 - #8AA3BD

HSV Blend

#DCE8F0 - #8AA3BD | 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 #DCE8F0 as 0% and #8AA3BD as 100%.

0.0%	0.0% #DCE8F0	RGB 220 232 240	#DCE8F0
16.7%	16.7% #CDDCE7	RGB 205 220 231	#CDDCE7
33.3%	33.3% #BED0DF	RGB 190 208 223	#BED0DF
50.0%	50.0% #B0C5D6	RGB 176 197 214	#B0C5D6
66.7%	66.7% #A3B9CE	RGB 163 185 206	#A3B9CE
83.3%	83.3% #96AEC5	RGB 150 174 197	#96AEC5
100.0%	100.0% #8AA3BD	RGB 138 163 189	#8AA3BD

#DCE8F0 #CDDCE7 #BED0DF #B0C5D6 #A3B9CE #96AEC5 #8AA3BD

#DCE8F0 - #B0C5D6 - #8AA3BD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DCE8F0 0%, #B0C5D6 50%, #8AA3BD 100%);
    background: -webkit-linear-gradient(top, #DCE8F0 0%, #B0C5D6 50%, #8AA3BD 100%);
    background: linear-gradient(to bottom, #DCE8F0 0%, #B0C5D6 50%, #8AA3BD 100%);
}
</style>