#C8D1F0 - #DCE5EB | 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 #C8D1F0 to #DCE5EB

#C8D1F0 #DCE5EB

Calculate the color between two colors, #C8D1F0 and #DCE5EB. 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)

#C8D1F0 - #DCE5EB | 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 #C8D1F0 as 0% and #DCE5EB as 100%.

0.0%	0.0% #C8D1F0	RGB 200 209 240	#C8D1F0
16.7%	16.7% #CBD4EF	RGB 203 212 239	#CBD4EF
33.3%	33.3% #CED7EE	RGB 206 215 238	#CED7EE
50.0%	50.0% #D2DBED	RGB 210 219 237	#D2DBED
66.7%	66.7% #D5DEEC	RGB 213 222 236	#D5DEEC
83.3%	83.3% #D8E1EB	RGB 216 225 235	#D8E1EB
100.0%	100.0% #DCE5EB	RGB 220 229 235	#DCE5EB

#C8D1F0 #CBD4EF #CED7EE #D2DBED #D5DEEC #D8E1EB #DCE5EB

#C8D1F0 - #DCE5EB

HSV Blend

#C8D1F0 - #DCE5EB | 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 #C8D1F0 as 0% and #DCE5EB as 100%.

0.0%	0.0% #C8D1F0	RGB 200 209 240	#C8D1F0
16.7%	16.7% #CBD5EF	RGB 203 213 239	#CBD5EF
33.3%	33.3% #CED9EE	RGB 206 217 238	#CED9EE
50.0%	50.0% #D2DDED	RGB 210 221 237	#D2DDED
66.7%	66.7% #D5E0EC	RGB 213 224 236	#D5E0EC
83.3%	83.3% #D8E3EB	RGB 216 227 235	#D8E3EB
100.0%	100.0% #DCE5EB	RGB 220 229 235	#DCE5EB

#C8D1F0 #CBD5EF #CED9EE #D2DDED #D5E0EC #D8E3EB #DCE5EB

#C8D1F0 - #D2DDED - #DCE5EB

CSS codes

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

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