#C5E0E9 - #7197B5 | 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 #C5E0E9 to #7197B5

#C5E0E9 #7197B5

Calculate the color between two colors, #C5E0E9 and #7197B5. 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)

#C5E0E9 - #7197B5 | 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 #C5E0E9 as 0% and #7197B5 as 100%.

0.0%	0.0% #C5E0E9	RGB 197 224 233	#C5E0E9
16.7%	16.7% #B7D3E0	RGB 183 211 224	#B7D3E0
33.3%	33.3% #A9C7D7	RGB 169 199 215	#A9C7D7
50.0%	50.0% #9BBBCF	RGB 155 187 207	#9BBBCF
66.7%	66.7% #8DAFC6	RGB 141 175 198	#8DAFC6
83.3%	83.3% #7FA3BD	RGB 127 163 189	#7FA3BD
100.0%	100.0% #7197B5	RGB 113 151 181	#7197B5

#C5E0E9 #B7D3E0 #A9C7D7 #9BBBCF #8DAFC6 #7FA3BD #7197B5

#C5E0E9 - #7197B5

HSV Blend

#C5E0E9 - #7197B5 | 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 #C5E0E9 as 0% and #7197B5 as 100%.

0.0%	0.0% #C5E0E9	RGB 197 224 233	#C5E0E9
16.7%	16.7% #B5D4E0	RGB 181 212 224	#B5D4E0
33.3%	33.3% #A6C8D7	RGB 166 200 215	#A6C8D7
50.0%	50.0% #98BCCF	RGB 152 188 207	#98BCCF
66.7%	66.7% #8AAFC6	RGB 138 175 198	#8AAFC6
83.3%	83.3% #7DA3BD	RGB 125 163 189	#7DA3BD
100.0%	100.0% #7197B5	RGB 113 151 181	#7197B5

#C5E0E9 #B5D4E0 #A6C8D7 #98BCCF #8AAFC6 #7DA3BD #7197B5

#C5E0E9 - #98BCCF - #7197B5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E0E9 0%, #98BCCF 50%, #7197B5 100%);
    background: -webkit-linear-gradient(top, #C5E0E9 0%, #98BCCF 50%, #7197B5 100%);
    background: linear-gradient(to bottom, #C5E0E9 0%, #98BCCF 50%, #7197B5 100%);
}
</style>