#C5E7ED - #72A1BB | 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 #C5E7ED to #72A1BB

#C5E7ED #72A1BB

Calculate the color between two colors, #C5E7ED and #72A1BB. 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)

#C5E7ED - #72A1BB | 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 #C5E7ED as 0% and #72A1BB as 100%.

0.0%	0.0% #C5E7ED	RGB 197 231 237	#C5E7ED
16.7%	16.7% #B7DBE4	RGB 183 219 228	#B7DBE4
33.3%	33.3% #A9CFDC	RGB 169 207 220	#A9CFDC
50.0%	50.0% #9BC4D4	RGB 155 196 212	#9BC4D4
66.7%	66.7% #8DB8CB	RGB 141 184 203	#8DB8CB
83.3%	83.3% #7FACC3	RGB 127 172 195	#7FACC3
100.0%	100.0% #72A1BB	RGB 114 161 187	#72A1BB

#C5E7ED #B7DBE4 #A9CFDC #9BC4D4 #8DB8CB #7FACC3 #72A1BB

#C5E7ED - #72A1BB

HSV Blend

#C5E7ED - #72A1BB | 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 #C5E7ED as 0% and #72A1BB as 100%.

0.0%	0.0% #C5E7ED	RGB 197 231 237	#C5E7ED
16.7%	16.7% #B5DBE4	RGB 181 219 228	#B5DBE4
33.3%	33.3% #A6D0DC	RGB 166 208 220	#A6D0DC
50.0%	50.0% #98C4D4	RGB 152 196 212	#98C4D4
66.7%	66.7% #8BB9CB	RGB 139 185 203	#8BB9CB
83.3%	83.3% #7EADC3	RGB 126 173 195	#7EADC3
100.0%	100.0% #72A1BB	RGB 114 161 187	#72A1BB

#C5E7ED #B5DBE4 #A6D0DC #98C4D4 #8BB9CB #7EADC3 #72A1BB

#C5E7ED - #98C4D4 - #72A1BB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E7ED 0%, #98C4D4 50%, #72A1BB 100%);
    background: -webkit-linear-gradient(top, #C5E7ED 0%, #98C4D4 50%, #72A1BB 100%);
    background: linear-gradient(to bottom, #C5E7ED 0%, #98C4D4 50%, #72A1BB 100%);
}
</style>