#80F9FF - #C7ECE9 | 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 #80F9FF to #C7ECE9

#80F9FF #C7ECE9

Calculate the color between two colors, #80F9FF and #C7ECE9. 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)

#80F9FF - #C7ECE9 | 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 #80F9FF as 0% and #C7ECE9 as 100%.

0.0%	0.0% #80F9FF	RGB 128 249 255	#80F9FF
16.7%	16.7% #8BF6FB	RGB 139 246 251	#8BF6FB
33.3%	33.3% #97F4F7	RGB 151 244 247	#97F4F7
50.0%	50.0% #A3F2F4	RGB 163 242 244	#A3F2F4
66.7%	66.7% #AFF0F0	RGB 175 240 240	#AFF0F0
83.3%	83.3% #BBEEEC	RGB 187 238 236	#BBEEEC
100.0%	100.0% #C7ECE9	RGB 199 236 233	#C7ECE9

#80F9FF #8BF6FB #97F4F7 #A3F2F4 #AFF0F0 #BBEEEC #C7ECE9

#80F9FF - #C7ECE9

HSV Blend

#80F9FF - #C7ECE9 | 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 #80F9FF as 0% and #C7ECE9 as 100%.

0.0%	0.0% #80F9FF	RGB 128 249 255	#80F9FF
16.7%	16.7% #8CF8FB	RGB 140 248 251	#8CF8FB
33.3%	33.3% #99F8F8	RGB 153 248 248	#99F8F8
50.0%	50.0% #A5F5F4	RGB 165 245 244	#A5F5F4
66.7%	66.7% #B0F2EF	RGB 176 242 239	#B0F2EF
83.3%	83.3% #BCEFEC	RGB 188 239 236	#BCEFEC
100.0%	100.0% #C7ECE9	RGB 199 236 233	#C7ECE9

#80F9FF #8CF8FB #99F8F8 #A5F5F4 #B0F2EF #BCEFEC #C7ECE9

#80F9FF - #A5F5F4 - #C7ECE9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #80F9FF 0%, #A5F5F4 50%, #C7ECE9 100%);
    background: -webkit-linear-gradient(top, #80F9FF 0%, #A5F5F4 50%, #C7ECE9 100%);
    background: linear-gradient(to bottom, #80F9FF 0%, #A5F5F4 50%, #C7ECE9 100%);
}
</style>