#C0E2ED - #5EAEB9 | 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 #C0E2ED to #5EAEB9

#C0E2ED #5EAEB9

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

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

0.0%	0.0% #C0E2ED	RGB 192 226 237	#C0E2ED
16.7%	16.7% #AFD9E4	RGB 175 217 228	#AFD9E4
33.3%	33.3% #9FD0DB	RGB 159 208 219	#9FD0DB
50.0%	50.0% #8FC8D3	RGB 143 200 211	#8FC8D3
66.7%	66.7% #7EBFCA	RGB 126 191 202	#7EBFCA
83.3%	83.3% #6EB6C1	RGB 110 182 193	#6EB6C1
100.0%	100.0% #5EAEB9	RGB 94 174 185	#5EAEB9

#C0E2ED #AFD9E4 #9FD0DB #8FC8D3 #7EBFCA #6EB6C1 #5EAEB9

#C0E2ED - #5EAEB9

HSV Blend

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

0.0%	0.0% #C0E2ED	RGB 192 226 237	#C0E2ED
16.7%	16.7% #ADD8E4	RGB 173 216 228	#ADD8E4
33.3%	33.3% #9BCEDB	RGB 155 206 219	#9BCEDB
50.0%	50.0% #8BC5D3	RGB 139 197 211	#8BC5D3
66.7%	66.7% #7BBDCA	RGB 123 189 202	#7BBDCA
83.3%	83.3% #6CB5C1	RGB 108 181 193	#6CB5C1
100.0%	100.0% #5EAEB9	RGB 94 174 185	#5EAEB9

#C0E2ED #ADD8E4 #9BCEDB #8BC5D3 #7BBDCA #6CB5C1 #5EAEB9

#C0E2ED - #8BC5D3 - #5EAEB9

CSS codes

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

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