#C8EAEC - #5EACC1 | 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 #C8EAEC to #5EACC1

#C8EAEC #5EACC1

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

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

0.0%	0.0% #C8EAEC	RGB 200 234 236	#C8EAEC
16.7%	16.7% #B6DFE4	RGB 182 223 228	#B6DFE4
33.3%	33.3% #A4D5DD	RGB 164 213 221	#A4D5DD
50.0%	50.0% #93CBD6	RGB 147 203 214	#93CBD6
66.7%	66.7% #81C0CF	RGB 129 192 207	#81C0CF
83.3%	83.3% #6FB6C8	RGB 111 182 200	#6FB6C8
100.0%	100.0% #5EACC1	RGB 94 172 193	#5EACC1

#C8EAEC #B6DFE4 #A4D5DD #93CBD6 #81C0CF #6FB6C8 #5EACC1

#C8EAEC - #5EACC1

HSV Blend

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

0.0%	0.0% #C8EAEC	RGB 200 234 236	#C8EAEC
16.7%	16.7% #B4E0E4	RGB 180 224 228	#B4E0E4
33.3%	33.3% #A1D7DD	RGB 161 215 221	#A1D7DD
50.0%	50.0% #8FCCD6	RGB 143 204 214	#8FCCD6
66.7%	66.7% #7DC2CF	RGB 125 194 207	#7DC2CF
83.3%	83.3% #6DB7C8	RGB 109 183 200	#6DB7C8
100.0%	100.0% #5EACC1	RGB 94 172 193	#5EACC1

#C8EAEC #B4E0E4 #A1D7DD #8FCCD6 #7DC2CF #6DB7C8 #5EACC1

#C8EAEC - #8FCCD6 - #5EACC1

CSS codes

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

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