#DCE5EC - #8EB7CC | 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 #DCE5EC to #8EB7CC

#DCE5EC #8EB7CC

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

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

0.0%	0.0% #DCE5EC	RGB 220 229 236	#DCE5EC
16.7%	16.7% #CFDDE6	RGB 207 221 230	#CFDDE6
33.3%	33.3% #C2D5E1	RGB 194 213 225	#C2D5E1
50.0%	50.0% #B5CEDC	RGB 181 206 220	#B5CEDC
66.7%	66.7% #A8C6D6	RGB 168 198 214	#A8C6D6
83.3%	83.3% #9BBED1	RGB 155 190 209	#9BBED1
100.0%	100.0% #8EB7CC	RGB 142 183 204	#8EB7CC

#DCE5EC #CFDDE6 #C2D5E1 #B5CEDC #A8C6D6 #9BBED1 #8EB7CC

#DCE5EC - #8EB7CC

HSV Blend

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

0.0%	0.0% #DCE5EC	RGB 220 229 236	#DCE5EC
16.7%	16.7% #CDDCE6	RGB 205 220 230	#CDDCE6
33.3%	33.3% #C0D3E1	RGB 192 211 225	#C0D3E1
50.0%	50.0% #B3CCDC	RGB 179 204 220	#B3CCDC
66.7%	66.7% #A6C4D6	RGB 166 196 214	#A6C4D6
83.3%	83.3% #99BDD1	RGB 153 189 209	#99BDD1
100.0%	100.0% #8EB7CC	RGB 142 183 204	#8EB7CC

#DCE5EC #CDDCE6 #C0D3E1 #B3CCDC #A6C4D6 #99BDD1 #8EB7CC

#DCE5EC - #B3CCDC - #8EB7CC

CSS codes

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

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