#C5DAE1 - #CFE7DB | 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 #C5DAE1 to #CFE7DB

#C5DAE1 #CFE7DB

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

#C5DAE1 - #CFE7DB | 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 #C5DAE1 as 0% and #CFE7DB as 100%.

0.0%	0.0% #C5DAE1	RGB 197 218 225	#C5DAE1
16.7%	16.7% #C6DCE0	RGB 198 220 224	#C6DCE0
33.3%	33.3% #C8DEDF	RGB 200 222 223	#C8DEDF
50.0%	50.0% #CAE0DE	RGB 202 224 222	#CAE0DE
66.7%	66.7% #CBE2DD	RGB 203 226 221	#CBE2DD
83.3%	83.3% #CDE4DC	RGB 205 228 220	#CDE4DC
100.0%	100.0% #CFE7DB	RGB 207 231 219	#CFE7DB

#C5DAE1 #C6DCE0 #C8DEDF #CAE0DE #CBE2DD #CDE4DC #CFE7DB

#C5DAE1 - #CFE7DB

HSV Blend

#C5DAE1 - #CFE7DB | 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 #C5DAE1 as 0% and #CFE7DB as 100%.

0.0%	0.0% #C5DAE1	RGB 197 218 225	#C5DAE1
16.7%	16.7% #C6DEE2	RGB 198 222 226	#C6DEE2
33.3%	33.3% #C8E3E3	RGB 200 227 227	#C8E3E3
50.0%	50.0% #C9E4E0	RGB 201 228 224	#C9E4E0
66.7%	66.7% #CBE5DE	RGB 203 229 222	#CBE5DE
83.3%	83.3% #CDE6DC	RGB 205 230 220	#CDE6DC
100.0%	100.0% #CFE7DB	RGB 207 231 219	#CFE7DB

#C5DAE1 #C6DEE2 #C8E3E3 #C9E4E0 #CBE5DE #CDE6DC #CFE7DB

#C5DAE1 - #C9E4E0 - #CFE7DB

CSS codes

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

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