#C5CCE2 - #DFE3E2 | 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 #C5CCE2 to #DFE3E2

#C5CCE2 #DFE3E2

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

#C5CCE2 - #DFE3E2 | 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 #C5CCE2 as 0% and #DFE3E2 as 100%.

0.0%	0.0% #C5CCE2	RGB 197 204 226	#C5CCE2
16.7%	16.7% #C9CFE2	RGB 201 207 226	#C9CFE2
33.3%	33.3% #CDD3E2	RGB 205 211 226	#CDD3E2
50.0%	50.0% #D2D7E2	RGB 210 215 226	#D2D7E2
66.7%	66.7% #D6DBE2	RGB 214 219 226	#D6DBE2
83.3%	83.3% #DADFE2	RGB 218 223 226	#DADFE2
100.0%	100.0% #DFE3E2	RGB 223 227 226	#DFE3E2

#C5CCE2 #C9CFE2 #CDD3E2 #D2D7E2 #D6DBE2 #DADFE2 #DFE3E2

#C5CCE2 - #DFE3E2

HSV Blend

#C5CCE2 - #DFE3E2 | 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 #C5CCE2 as 0% and #DFE3E2 as 100%.

0.0%	0.0% #C5CCE2	RGB 197 204 226	#C5CCE2
16.7%	16.7% #C9D3E2	RGB 201 211 226	#C9D3E2
33.3%	33.3% #CDD9E2	RGB 205 217 226	#CDD9E2
50.0%	50.0% #D1DEE2	RGB 209 222 226	#D1DEE2
66.7%	66.7% #D6E1E2	RGB 214 225 226	#D6E1E2
83.3%	83.3% #DAE2E2	RGB 218 226 226	#DAE2E2
100.0%	100.0% #DFE3E2	RGB 223 227 226	#DFE3E2

#C5CCE2 #C9D3E2 #CDD9E2 #D1DEE2 #D6E1E2 #DAE2E2 #DFE3E2

#C5CCE2 - #D1DEE2 - #DFE3E2

CSS codes

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

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