#C5E4F5 - #6C9DC7 | 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 #C5E4F5 to #6C9DC7

#C5E4F5 #6C9DC7

Calculate the color between two colors, #C5E4F5 and #6C9DC7. 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)

#C5E4F5 - #6C9DC7 | 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 #C5E4F5 as 0% and #6C9DC7 as 100%.

0.0%	0.0% #C5E4F5	RGB 197 228 245	#C5E4F5
16.7%	16.7% #B6D8ED	RGB 182 216 237	#B6D8ED
33.3%	33.3% #A7CCE5	RGB 167 204 229	#A7CCE5
50.0%	50.0% #98C0DE	RGB 152 192 222	#98C0DE
66.7%	66.7% #89B4D6	RGB 137 180 214	#89B4D6
83.3%	83.3% #7AA8CE	RGB 122 168 206	#7AA8CE
100.0%	100.0% #6C9DC7	RGB 108 157 199	#6C9DC7

#C5E4F5 #B6D8ED #A7CCE5 #98C0DE #89B4D6 #7AA8CE #6C9DC7

#C5E4F5 - #6C9DC7

HSV Blend

#C5E4F5 - #6C9DC7 | 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 #C5E4F5 as 0% and #6C9DC7 as 100%.

0.0%	0.0% #C5E4F5	RGB 197 228 245	#C5E4F5
16.7%	16.7% #B4D8ED	RGB 180 216 237	#B4D8ED
33.3%	33.3% #A4CCE5	RGB 164 204 229	#A4CCE5
50.0%	50.0% #95C0DE	RGB 149 192 222	#95C0DE
66.7%	66.7% #86B4D6	RGB 134 180 214	#86B4D6
83.3%	83.3% #79A8CE	RGB 121 168 206	#79A8CE
100.0%	100.0% #6C9DC7	RGB 108 157 199	#6C9DC7

#C5E4F5 #B4D8ED #A4CCE5 #95C0DE #86B4D6 #79A8CE #6C9DC7

#C5E4F5 - #95C0DE - #6C9DC7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E4F5 0%, #95C0DE 50%, #6C9DC7 100%);
    background: -webkit-linear-gradient(top, #C5E4F5 0%, #95C0DE 50%, #6C9DC7 100%);
    background: linear-gradient(to bottom, #C5E4F5 0%, #95C0DE 50%, #6C9DC7 100%);
}
</style>