#D9DFDF - #8CC4CB | 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 #D9DFDF to #8CC4CB

#D9DFDF #8CC4CB

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

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

0.0%	0.0% #D9DFDF	RGB 217 223 223	#D9DFDF
16.7%	16.7% #CCDADB	RGB 204 218 219	#CCDADB
33.3%	33.3% #BFD6D8	RGB 191 214 216	#BFD6D8
50.0%	50.0% #B2D1D5	RGB 178 209 213	#B2D1D5
66.7%	66.7% #A5CDD1	RGB 165 205 209	#A5CDD1
83.3%	83.3% #98C8CE	RGB 152 200 206	#98C8CE
100.0%	100.0% #8CC4CB	RGB 140 196 203	#8CC4CB

#D9DFDF #CCDADB #BFD6D8 #B2D1D5 #A5CDD1 #98C8CE #8CC4CB

#D9DFDF - #8CC4CB

HSV Blend

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

0.0%	0.0% #D9DFDF	RGB 217 223 223	#D9DFDF
16.7%	16.7% #CBDBDB	RGB 203 219 219	#CBDBDB
33.3%	33.3% #BED7D8	RGB 190 215 216	#BED7D8
50.0%	50.0% #B1D3D5	RGB 177 211 213	#B1D3D5
66.7%	66.7% #A4CED1	RGB 164 206 209	#A4CED1
83.3%	83.3% #98C9CE	RGB 152 201 206	#98C9CE
100.0%	100.0% #8CC4CB	RGB 140 196 203	#8CC4CB

#D9DFDF #CBDBDB #BED7D8 #B1D3D5 #A4CED1 #98C9CE #8CC4CB

#D9DFDF - #B1D3D5 - #8CC4CB

CSS codes

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

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