#C5E6EC - #729FBA | 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 #C5E6EC to #729FBA

#C5E6EC #729FBA

Calculate the color between two colors, #C5E6EC and #729FBA. 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)

#C5E6EC - #729FBA | 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 #C5E6EC as 0% and #729FBA as 100%.

0.0%	0.0% #C5E6EC	RGB 197 230 236	#C5E6EC
16.7%	16.7% #B7DAE3	RGB 183 218 227	#B7DAE3
33.3%	33.3% #A9CEDB	RGB 169 206 219	#A9CEDB
50.0%	50.0% #9BC2D3	RGB 155 194 211	#9BC2D3
66.7%	66.7% #8DB6CA	RGB 141 182 202	#8DB6CA
83.3%	83.3% #7FAAC2	RGB 127 170 194	#7FAAC2
100.0%	100.0% #729FBA	RGB 114 159 186	#729FBA

#C5E6EC #B7DAE3 #A9CEDB #9BC2D3 #8DB6CA #7FAAC2 #729FBA

#C5E6EC - #729FBA

HSV Blend

#C5E6EC - #729FBA | 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 #C5E6EC as 0% and #729FBA as 100%.

0.0%	0.0% #C5E6EC	RGB 197 230 236	#C5E6EC
16.7%	16.7% #B5DAE3	RGB 181 218 227	#B5DAE3
33.3%	33.3% #A6CFDB	RGB 166 207 219	#A6CFDB
50.0%	50.0% #98C3D3	RGB 152 195 211	#98C3D3
66.7%	66.7% #8BB7CA	RGB 139 183 202	#8BB7CA
83.3%	83.3% #7EABC2	RGB 126 171 194	#7EABC2
100.0%	100.0% #729FBA	RGB 114 159 186	#729FBA

#C5E6EC #B5DAE3 #A6CFDB #98C3D3 #8BB7CA #7EABC2 #729FBA

#C5E6EC - #98C3D3 - #729FBA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E6EC 0%, #98C3D3 50%, #729FBA 100%);
    background: -webkit-linear-gradient(top, #C5E6EC 0%, #98C3D3 50%, #729FBA 100%);
    background: linear-gradient(to bottom, #C5E6EC 0%, #98C3D3 50%, #729FBA 100%);
}
</style>