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

#C2D1F2 #DCE5EB

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

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

0.0%	0.0% #C2D1F2	RGB 194 209 242	#C2D1F2
16.7%	16.7% #C6D4F0	RGB 198 212 240	#C6D4F0
33.3%	33.3% #CAD7EF	RGB 202 215 239	#CAD7EF
50.0%	50.0% #CFDBEE	RGB 207 219 238	#CFDBEE
66.7%	66.7% #D3DEED	RGB 211 222 237	#D3DEED
83.3%	83.3% #D7E1EC	RGB 215 225 236	#D7E1EC
100.0%	100.0% #DCE5EB	RGB 220 229 235	#DCE5EB

#C2D1F2 #C6D4F0 #CAD7EF #CFDBEE #D3DEED #D7E1EC #DCE5EB

#C2D1F2 - #DCE5EB

HSV Blend

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

0.0%	0.0% #C2D1F2	RGB 194 209 242	#C2D1F2
16.7%	16.7% #C6D5F0	RGB 198 213 240	#C6D5F0
33.3%	33.3% #CAD9EF	RGB 202 217 239	#CAD9EF
50.0%	50.0% #CFDDEE	RGB 207 221 238	#CFDDEE
66.7%	66.7% #D3E0ED	RGB 211 224 237	#D3E0ED
83.3%	83.3% #D7E3EC	RGB 215 227 236	#D7E3EC
100.0%	100.0% #DCE5EB	RGB 220 229 235	#DCE5EB

#C2D1F2 #C6D5F0 #CAD9EF #CFDDEE #D3E0ED #D7E3EC #DCE5EB

#C2D1F2 - #CFDDEE - #DCE5EB

CSS codes

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

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