#C5E6E9 - #5CA7BD | 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 #C5E6E9 to #5CA7BD

#C5E6E9 #5CA7BD

Calculate the color between two colors, #C5E6E9 and #5CA7BD. 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)

#C5E6E9 - #5CA7BD | 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 #C5E6E9 as 0% and #5CA7BD as 100%.

0.0%	0.0% #C5E6E9	RGB 197 230 233	#C5E6E9
16.7%	16.7% #B3DBE1	RGB 179 219 225	#B3DBE1
33.3%	33.3% #A2D1DA	RGB 162 209 218	#A2D1DA
50.0%	50.0% #90C6D3	RGB 144 198 211	#90C6D3
66.7%	66.7% #7FBCCB	RGB 127 188 203	#7FBCCB
83.3%	83.3% #6DB1C4	RGB 109 177 196	#6DB1C4
100.0%	100.0% #5CA7BD	RGB 92 167 189	#5CA7BD

#C5E6E9 #B3DBE1 #A2D1DA #90C6D3 #7FBCCB #6DB1C4 #5CA7BD

#C5E6E9 - #5CA7BD

HSV Blend

#C5E6E9 - #5CA7BD | 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 #C5E6E9 as 0% and #5CA7BD as 100%.

0.0%	0.0% #C5E6E9	RGB 197 230 233	#C5E6E9
16.7%	16.7% #B1DCE1	RGB 177 220 225	#B1DCE1
33.3%	33.3% #9ED2DA	RGB 158 210 218	#9ED2DA
50.0%	50.0% #8CC8D3	RGB 140 200 211	#8CC8D3
66.7%	66.7% #7BBDCB	RGB 123 189 203	#7BBDCB
83.3%	83.3% #6BB2C4	RGB 107 178 196	#6BB2C4
100.0%	100.0% #5CA7BD	RGB 92 167 189	#5CA7BD

#C5E6E9 #B1DCE1 #9ED2DA #8CC8D3 #7BBDCB #6BB2C4 #5CA7BD

#C5E6E9 - #8CC8D3 - #5CA7BD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E6E9 0%, #8CC8D3 50%, #5CA7BD 100%);
    background: -webkit-linear-gradient(top, #C5E6E9 0%, #8CC8D3 50%, #5CA7BD 100%);
    background: linear-gradient(to bottom, #C5E6E9 0%, #8CC8D3 50%, #5CA7BD 100%);
}
</style>