#DCE2EC - #8FABD9 | 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 #DCE2EC to #8FABD9

#DCE2EC #8FABD9

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

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

0.0%	0.0% #DCE2EC	RGB 220 226 236	#DCE2EC
16.7%	16.7% #CFD8E8	RGB 207 216 232	#CFD8E8
33.3%	33.3% #C2CFE5	RGB 194 207 229	#C2CFE5
50.0%	50.0% #B5C6E2	RGB 181 198 226	#B5C6E2
66.7%	66.7% #A8BDDF	RGB 168 189 223	#A8BDDF
83.3%	83.3% #9BB4DC	RGB 155 180 220	#9BB4DC
100.0%	100.0% #8FABD9	RGB 143 171 217	#8FABD9

#DCE2EC #CFD8E8 #C2CFE5 #B5C6E2 #A8BDDF #9BB4DC #8FABD9

#DCE2EC - #8FABD9

HSV Blend

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

0.0%	0.0% #DCE2EC	RGB 220 226 236	#DCE2EC
16.7%	16.7% #CED8E8	RGB 206 216 232	#CED8E8
33.3%	33.3% #C1CEE5	RGB 193 206 229	#C1CEE5
50.0%	50.0% #B4C5E2	RGB 180 197 226	#B4C5E2
66.7%	66.7% #A7BCDF	RGB 167 188 223	#A7BCDF
83.3%	83.3% #9BB3DC	RGB 155 179 220	#9BB3DC
100.0%	100.0% #8FABD9	RGB 143 171 217	#8FABD9

#DCE2EC #CED8E8 #C1CEE5 #B4C5E2 #A7BCDF #9BB3DC #8FABD9

#DCE2EC - #B4C5E2 - #8FABD9

CSS codes

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

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