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

#C7D1F1 #DCE5EB

Calculate the color between two colors, #C7D1F1 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)

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

0.0%	0.0% #C7D1F1	RGB 199 209 241	#C7D1F1
16.7%	16.7% #CAD4F0	RGB 202 212 240	#CAD4F0
33.3%	33.3% #CED7EF	RGB 206 215 239	#CED7EF
50.0%	50.0% #D1DBEE	RGB 209 219 238	#D1DBEE
66.7%	66.7% #D5DEED	RGB 213 222 237	#D5DEED
83.3%	83.3% #D8E1EC	RGB 216 225 236	#D8E1EC
100.0%	100.0% #DCE5EB	RGB 220 229 235	#DCE5EB

#C7D1F1 #CAD4F0 #CED7EF #D1DBEE #D5DEED #D8E1EC #DCE5EB

#C7D1F1 - #DCE5EB

HSV Blend

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

0.0%	0.0% #C7D1F1	RGB 199 209 241	#C7D1F1
16.7%	16.7% #CAD5F0	RGB 202 213 240	#CAD5F0
33.3%	33.3% #CED9EF	RGB 206 217 239	#CED9EF
50.0%	50.0% #D1DDEE	RGB 209 221 238	#D1DDEE
66.7%	66.7% #D5E0ED	RGB 213 224 237	#D5E0ED
83.3%	83.3% #D8E3EC	RGB 216 227 236	#D8E3EC
100.0%	100.0% #DCE5EB	RGB 220 229 235	#DCE5EB

#C7D1F1 #CAD5F0 #CED9EF #D1DDEE #D5E0ED #D8E3EC #DCE5EB

#C7D1F1 - #D1DDEE - #DCE5EB

CSS codes

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

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