#C5E1E9 - #7198B5 | 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 #C5E1E9 to #7198B5

#C5E1E9 #7198B5

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

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

0.0%	0.0% #C5E1E9	RGB 197 225 233	#C5E1E9
16.7%	16.7% #B7D4E0	RGB 183 212 224	#B7D4E0
33.3%	33.3% #A9C8D7	RGB 169 200 215	#A9C8D7
50.0%	50.0% #9BBCCF	RGB 155 188 207	#9BBCCF
66.7%	66.7% #8DB0C6	RGB 141 176 198	#8DB0C6
83.3%	83.3% #7FA4BD	RGB 127 164 189	#7FA4BD
100.0%	100.0% #7198B5	RGB 113 152 181	#7198B5

#C5E1E9 #B7D4E0 #A9C8D7 #9BBCCF #8DB0C6 #7FA4BD #7198B5

#C5E1E9 - #7198B5

HSV Blend

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

0.0%	0.0% #C5E1E9	RGB 197 225 233	#C5E1E9
16.7%	16.7% #B5D5E0	RGB 181 213 224	#B5D5E0
33.3%	33.3% #A6C9D7	RGB 166 201 215	#A6C9D7
50.0%	50.0% #98BDCF	RGB 152 189 207	#98BDCF
66.7%	66.7% #8AB0C6	RGB 138 176 198	#8AB0C6
83.3%	83.3% #7DA4BD	RGB 125 164 189	#7DA4BD
100.0%	100.0% #7198B5	RGB 113 152 181	#7198B5

#C5E1E9 #B5D5E0 #A6C9D7 #98BDCF #8AB0C6 #7DA4BD #7198B5

#C5E1E9 - #98BDCF - #7198B5

CSS codes

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

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