#DCF2F1 - #8CB7C0 | 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 #DCF2F1 to #8CB7C0

#DCF2F1 #8CB7C0

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

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

0.0%	0.0% #DCF2F1	RGB 220 242 241	#DCF2F1
16.7%	16.7% #CEE8E8	RGB 206 232 232	#CEE8E8
33.3%	33.3% #C1DEE0	RGB 193 222 224	#C1DEE0
50.0%	50.0% #B4D4D8	RGB 180 212 216	#B4D4D8
66.7%	66.7% #A6CAD0	RGB 166 202 208	#A6CAD0
83.3%	83.3% #99C0C8	RGB 153 192 200	#99C0C8
100.0%	100.0% #8CB7C0	RGB 140 183 192	#8CB7C0

#DCF2F1 #CEE8E8 #C1DEE0 #B4D4D8 #A6CAD0 #99C0C8 #8CB7C0

#DCF2F1 - #8CB7C0

HSV Blend

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

0.0%	0.0% #DCF2F1	RGB 220 242 241	#DCF2F1
16.7%	16.7% #CDE9E9	RGB 205 233 233	#CDE9E9
33.3%	33.3% #BFE0E1	RGB 191 224 225	#BFE0E1
50.0%	50.0% #B1D6D9	RGB 177 214 217	#B1D6D9
66.7%	66.7% #A4CCD0	RGB 164 204 208	#A4CCD0
83.3%	83.3% #98C1C8	RGB 152 193 200	#98C1C8
100.0%	100.0% #8CB7C0	RGB 140 183 192	#8CB7C0

#DCF2F1 #CDE9E9 #BFE0E1 #B1D6D9 #A4CCD0 #98C1C8 #8CB7C0

#DCF2F1 - #B1D6D9 - #8CB7C0

CSS codes

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

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